[résolu] Modèle de boîte dans IE et dans les autres navigateurs

Bonjour,

J'ai lu dans de nombreux livres et sur de nombreux sites consacrés à XHTML et CSS, que les boites étaient interprétées de différentes façons par IE et les autres navigateurs (Firefox, OPéra, etc.)

La demonstration est la suivante :

Prenons un div de 200px*250px.
Ajoutons 25px de padding.
Puis terminons par 5px de border.

Nous aurons sur IE une boite de 200px*250px, les paddings et borders étant inclus dans la taille de la boîte.

En revanche sur les autres navigateurs nous aurons une boite de 260px*310px (200+25+25+5+5 et 250+25+25+5+5), les paddings et borders s'ajoutant à la taille de la boîte définie au départ.

Mais ce qui n'est jamais dit dans les différents articles sur le sujet, c'est que cette différence n'apparait pas lorsqu'on utilise la dtd "stricte" ou "transitionnelle" d' XHTML (ou les dtd HTML 4.0). Dans ce cas là la boîte d'IE se comporte exactement de la même façon que les autres ! Pas de différence...

Pourquoi ce silence sur cette partie du sujet ?
Modifié par EricLB (16 Mar 2006 - 12:34)

La différence de modèle de boite ne concerne que les version de IE inférieures à la 6, ou IE6 lui même s'il est en mode quirck (absence de DTD notamment).

Mais c'est vrai que ceci n'est pas toujours clairement indiqué.

EricLB a écrit :
Pourquoi ce silence sur cette partie du sujet ?

Salut,

Il n'y a pas vraiment de "silence" à ce sujet.
Les vraies bonnes sources d'information (Openweb particulièrement), ne "trompent pas" le client
--> http://openweb.eu.org/articles/dimensions_boites_css/

Effectivement Raphaël... Mais je n'ai pas le souvenir que ce soit toujours indiqué clairement dans tout ce que j'ai pu lire.
Modifié par EricLB (08 Mar 2006 - 11:48)