Double marge et float sous IE6

Lorsque vous appliquez une marge sur une division (div) flottante (float) alors celle-ci est doublé sur IE6 et inférieur. Ce soucis ne s'applique pas par contre uniquement sur le premier élément block de la ligne : par exemple si vous avez deux balises de type "div" à la suite, seul les marges de la première seront doublées.

Dans un soucis de compatibilité, de nombreuses personnes utilisent encore et malheureusement Internet Explorer et évidemment une version plus qu'obsolète il faut trouver une solution pour corriger ce soucis.

La première méthode dîtes "barbare" consisterais à créer une seconde feuille de style pour IE6 et inférieur en modifiant la taille de cette marge. Seulement il existe plus simple et plus rapide. Voici le code en question à placer sur l'élément block dont les marges se multiplient :

/* À ajouter avec les autres attributs */
#madiv {
	display: inline;
	/* ... */
}

Bonne prog'

Billets relatifs

Ajouter un commentaire





Les commentaires sont validés manuellement afin d'éviter le spam.