Margin-bottom ignoré par IE7 [Résolu]

Bonjour à tous,
voici mon soucis et il concerne IE7 avec la propriété margin-bottom qui est systématiquement ignoré sur ma config un XP familial avec IE7 (au passage si quelqu'un sait me dire comment voir la version exact de mon IE7 de façon simple comme avant quand nous disposions de "A propos".

Ma feuille de style (bien grande expression) en fait pour tenter de trouver le problème j'ai reduit cela a la plus simple expression afin de ne pas être polluer par des effets de bord consiste a placer deux blocs avec une class et faire en sorte qu'ils soient espacés par 10px.

Sous FIREFOX, SAFARI j'obtiens exactement cet espace mais mon IE7 ne veut rien savoir.

Il faut pour que IE7 chez moi commence a espacer les deux blocs que je force un espace d'au moins 20px

L'exemple est ici

D'avance merci à ceux qui se pencheront sur mon problème.
Modifié par f_trt (22 Jan 2007 - 17:42)

Bonjour,

probleme de layout ( il doit y avoir des infos a ce sujet dans la faq)

Donne une largeur de 100% (par defaut des elements 'block') par exemple et tout rentrera dans l'ordre .

GC

Bonjour et bienvenue à toi,
Tu es en effet victime d'un étrange bug de haslayout lié à la
présence des <br> dans ton premier block.

Solutions:
> Sois tu enlève ces <br> (tu devrais en principe t'en passer ceux-ci
ne servant qu'a forcer une coupure de ligne et non à espacer des éléments.)
> Sois tu ajoutes la propriété height:1% (par exemple) qui confère le layout à ton block.
Pour des explications, je te conseille vivement de lire cet article.
Modifié par Hermann (22 Jan 2007 - 17:11)

Chapeau bas à vous deux je viens d'appliquer les 100% de gcyrillus et cela fonctionne j'ai été remodifier mon exemple avec vos corrections.

Encore merci a vous deux et aussi pour l'article.