28173 sujets

CSS et mise en forme, CSS3

Bonjour,

voicie mon code css :


#test {
width:500px;
border:solid 1px #000000;
margin:0;
padding:0;
}


Sous ie le bloc test fait 502 pixels au lieu de 500 pixels Smiley decu comment régler ca ?

Merci d'avance Smiley cligne
Modifié par Snoopy17 (15 Feb 2006 - 15:44)
Snoopy17 a écrit :
Bonjour,

voicie mon code css :


#test {
width:500px;
border:solide 1px #000000;
margin:0;
padding:0;
}


Sous ie le bloc test fait 502 pixels au lieu de 500 pixels Smiley decu comment régler ca ?

Merci d'avance Smiley cligne


Salut, déjà il y a une erreur dans ta déclaration pour border: c'est solid et non pas solide.

Ensuite pour ton problème de dimension, tu as ta boite qui fait 500px + 2px qui viennent de ta bordure de 1px à droite et à gauche. Donc on arrrive bien à 502px, ce qui est logique.

Pour finir le modèle de boîte n'est pas le même sur IE que sur Firefox je te conseille de lire la FAQ du site pour obtenir plus de détails sur le box model et les DTD car le sujet a été abordé maintes et maintes fois ici.

a+