blog
IE6 : Bug Margin et float

IE6 : Bug Margin et float

Lorsqu’on débute en CSS, le lancer de PC ou MAC à travers la fenêtre du sixième étage de votre immeuble devient monnaie courante. Par exemple le fameux bug de IE6 (Internet explorer 6) lorsqu’on couple un float et un margin où on voit le margin se faire multiplier par 2.

float

Bug Margin et Float d’IE6, une astuce qui doit devenir un réflexe est d’ajouter :

1 display:inline;

Exemple concret :

p{

  width:150px;

2    float:left;

    margin-bottom:10px;

3    display:inline;

}

Donc prenez ce réflexe en cas de float et margin couplés : Ajoutez un display:inline et les utilisateurs de Internet Explorer 6 vous en remercieront.

Une question ? N’hésitez pas à contacter l’équipe Nexylan qui vous répondra avec plaisir !