Bizarre IE7 Bug/Erreur

Question

J'ai quelques problèmes avec un certain morceau de code qui se trouve dans mon site; cette erreur se produit uniquement dans Internet Explorer 7.

Plutôt que d'afficher tout mon balisage HTML/CSS ici, j'ai mis en place une version du site here.

Comme vous pouvez le voir j'ai "Widgets" dans les colonnes, pour certaines raisons, IE7 ajoute un espace supplémentaire sous l'en-tête du widget tandis que FF l'affiche bien sans espace.

Cette erreur ne se produit pas dans IE8, FF3, Opera, Safari ou Chrome.

Quelqu'un peut-il suggérer pourquoi cela se produit et, si possible, une solution?

Merci d'avance!

Answer 1

Ajoutez ce CSS à wgt-wrap et il devrait se comporter.

zoom: 1 

Google pour hasLayout pour l'explication.

[EDIT] Cette discussion fournit plus d'informations sur ce bogue IE. Why does Internet Explorer need the "hasLayout" flag?

Answer 2

Malheureusement, IE 7 ne fonctionne pas très bien sur Ubuntu, donc je suis incapable de reproduire votre erreur, mais avez-vous essayé de réinitialiser votre CSS avec une feuille de style comme Reset CSS?

Il est également a great site about browser quirks que vous voudrez peut-être regarder.

Answer 3

Avez-vous commencé par mettre à zéro tout votre élément en faisant une réinitialisation CSS? Je vois que vous avez quelques éléments différents dans votre div, il est possible que l'un d'entre eux a un défaut marin dans IE7 qui jette tout hors de Wack ...