border firefox et explorer - HTML/CSS - Programmation
Marsh Posté le 01-12-2005 à 09:37:33
OXilat a écrit : width: 1000px; |
Ecrit en Français ça donne quoi ? parceque là mon décodeur est débranché
Marsh Posté le 01-12-2005 à 11:41:10
En francais, je crois que ca veut dire qu'il vient de découvrir qu'IE met les marges à l'intérieur des blocs en fonctions de certains doctype alors que la norme indique que les "margin" sont à l'extérieur et les "padding" sont à l'intérieur.
OXilat > Dans un fichier css : margin:0;
Marsh Posté le 01-12-2005 à 11:53:30
Ai leu phranssai c pa pour lé canari
Marsh Posté le 01-12-2005 à 13:47:55
nan la le monsieur vient de découvrir la différence entre le BoxModel W3C et le BoxModel Microsoft
en HTML un élément est comme une boite
tu as les marges externes(margin)
puis la bordure (border)
puis la marge interne (padding)
puis le contenu (du texte ou n'importe quoi d'autre)
quand tu donne une largeur à un élément sous Firefox, la dimension est prise à partir du contenu.
du coup ton élément faire : largeur Contenu + 2xlargeur bordure = Largeur élément.
donc : 1000px + 2x7p = 1014px
et sous IE, quand tu donnes une dimension à un élément, la dimension s'applique au bout des bordures.
donc il fera 1000px exactement.
mais le PB c'est que c'est IE qui pige keudal. la seule manière de outre passer ce problème c'est :
soit utiliser un bon doctype :
Code :
|
ou bien utiliser un hack CSS
Code :
|
Marsh Posté le 01-12-2005 à 09:26:44
width: 1000px;
height: 200px;
border: 7px double rgb(0, 0, 153);
sous Ie a l'extérieur de la bordur le cadre fait 1000/200
sous firefox a l'extérieur de la bordure le cadre fait 1014/214
sai assai génant je voulai savoire ci sai normale et ci il y a une astuce pour i remédier(sous firefox sa agrendi mon div ce qui est assai génant)
je voulai savoire ci il y avait des problemme avec firefox avec des pages contenant des 10enne de <div>?