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 :
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
ou bien utiliser un hack CSS
Code :
- height : 986px; /*largeur de l'élément par défaut et pour tous les navigateurs*/
- _height : 1000px; /*Réécriture de la largeur de l'élément, visible seulement par IE*/
|