28220 sujets

CSS et mise en forme, CSS3

Width, padding et border [résolu]

Bonjour,

Dans le livre CSS2 de Raphaël Goetter, il est écrit pages 99->101 que IE interprète différement les largeurs des boites quand il leurs sont affecté des valeurs non nulle pour padding et border. J'ai fais un test pour voir ce que cela donnait...surprise tous s'affiche exactement de la même manière (J'ai fais le test avec IE 6, Opéra 8.02 et Mozilla 5.0). Je vous donne mon code:


<body>
<div id="cas1"></div><br/>
<div id="cas2"></div><br/>
<div id="cas3"></div>
</body>



#cas1 {
width:200px;
height:200px;
background-color:#03F;
border:50px solid red;
}

#cas2 {
width:200px;
height:200px;
background-color:#03F;
padding:50px;
}

#cas3 {
width:200px;
height:200px;
background-color:#03F;
}


Pourquoi n'y a t-il pas de différences? Le problème concerne t-il seulement des version plus anciennes de IE? Dois t-on en tenir compte?
Modifié par mathmax (04 Sep 2005 - 16:54)
Ah merci! Mais ces anciennes versions sont-elle beaucoup utilisées. Si tu as le pourcentage des utilisateurs qui utilisent des versions d'IE inférieur à la 6, je suis preneur.
Merci beucoup pour ce lien! C'est exactement ce que je cherchait.
Je vois que IE 5 est utilisé par environ 6% des utilisateurs. Il me semble donc qu'il faut en tenir compte. Je me posait la question suivante: si je dois mettre trois cadres avec des bordures les uns à côté des autres de façons à ce qu'ils prennent toute largeur de ma page (c'est à dire 800px), faut il mieux définir leurs largeur avec des % qu'avec des px? Cela permettrait-il d'avoir le même affichage pour tous les navigateurs?
Sujet clos
Aller à