Mon bloc n'a pas la même taille sur Internet Explorer que sur les autres navigateurs. Pourquoi ?

Astuce par Raphael (Eleveur de kiwiz, Strasbourg)
Mis à jour le 07 Janvier 2009 à 12h53. 2336 lectures.
Tags : compatibilité, design, quirks, quircks, compatible

C'est le problème très classique du Modèle de Boites : lorsque votre document n'est pas valide (plus exactement, lorsque IE est en mode Quirks) Internet Explorer interprête les dimensions des éléments différemment des autres navigateurs lorsque des bordures ou marges internes (padding) sont spécifiés.

Pour résumer, voilà le calcul "standard" des largeurs de boites : à l'affichage, la hauteur (et largeur) d'un élément correspond à width + padding + border.
Lorsque IE est en mode Quirck (voir lien plus bas), il ne calcule pas de façon standardisée; il ne prend pas en compte les padding et border.

Un article va plus loin dans l'explication et dans les solutions

Des solutions globales dans cette ressource.

Ressources