Bonjour,

Qui pourrait me dire pourquoi IE double les marges quand on utilise un float ?

Par exemple, un test tout con :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
.gnia{
   background:#f00;
   width:100px;
   height:100px;
   float:left;
   margin-left:20px;
}
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<div class="gnia"></div>
Sur Firefox, la marge gauche fait 20 pixels alors que sur IE, la marge gauche fait 40 pixels.

J'ai remarqué que IE ne doublait le marges que lorsqu'il y a un float.

Mais pourquoi ? Et quelle(s) solution(s) adopter ?

Au passage, IE7 n'a plus ce problème.