Discussion :

[Bisûnûrs]

Coucou.

Aujourd'hui j'ai décidé de relever la liste des bugs IE.

Je bloque sur un nouveau problème que voici :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div style="width:400px">
   <div style="margin-bottom:15px;background:#0ff">
      A
   </div>
   <div style="float:left;background:#0f0;width:400px">
      B
   </div>
   <div style="background:#f09">
      C
   </div>
</div>

Dans le cas présent, IE6 (bug corrigé sur IE7 visiblement) me répercute le margin-bottom du premier div sur le second.

Avez-vous trouvé le moyen de corriger ce beugallamormoileneux ?

Merci !

[magnus2005]

tu as quoi comme DOCTYPE ?

[Bisûnûrs]

Peu importe le DOCTYPE, ça le fait avec tous ceux que j'ai essayé, HTML ou XHTML.

[magnus2005]

Tu as essayé en forçant le margin bottom a 0. ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div style="width:400px">  
<div style="margin-bottom:15px;background:#0ff">  A </div> 
 <div style="margin-bottom:0;float:left;background:#0f0;width:400px">  B </div>  
<div style="background:#f09">  C </div> 
</div>

[Bisûnûrs]

Tu as essayé en forçant le margin bottom a 0. ?

Je n'avais pas essayé, non, mais visiblement ça n'a aucune incidence .. :/

[Candygirl]

Ce comportement est induit par le bug des 3px d'IE6. Si tu attribues un width de 403px ou plus à ton div conteneur tu verras qu'il n'y a plus ton espace. T'expliquer exactement le raisonnement D'ie, par contre, je ne saurais pas...

De même si tu places ton dernier conteneur aussi en float left tu n'auras plus le pb.