Alsacreations FAQ version Beta 0.5

Décalages, marges, bugs divers

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

C'est le problème très classique du Modèle de Boites : lorsque votre document n'est pas valide* 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.
Openweb explique ce phénomène : http://openweb.eu.org/articles/dimensions_boites_css/

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 billet de blog va plus loin dans l'explication et dans les solutions : http://blog.alsacreations.com/2006/10/23/296-a-propos-du-modele-de-boite-microsoft-ou-quirks

Des solutions globales sur ce lien :
http://css.alsacreations.com/Bases-et-indispensables/Mon-site-valide-en-XHTML-Strict-n-est-pas-compatible-partout



-------------------------------------------
* : plus exactement, lorsque Internet Explorer est en mode Quirks.
Explications : http://css.alsacreations.com/Tutoriels-et-articles-divers/A-propos-du-Modele-de-boite-Microsoft-ou-quirks

Liens complémentaires