Les feuilles de styles CSS
DEUXIÈME PARTIE
100
La boîte évoquée plus haut n’occupera alors à l’écran qu’une largeur de 250 pixels. Sa
zone de contenu se trouvera donc amputée des épaisseurs de bordures et de remplissages, correspondant ici à une différence de 50 pixels par rapport au modèle standard.
Ces différences peuvent avoir des effets spectaculaires sur le document final. Le site
Openweb détaille davantage ce problème courant :
B http://openweb.eu.org/articles/dimensions_boites_css/
Certaines différences d’affichage entre Internet Explorer et d’autres navigateurs plus conformes s’expliquent ainsi, les décalages se cumulant d’épaisseur de bordure en épaisseur de
padding. Pour éviter nombre de ces ennuis de dimensions, on évitera par conséquent :
• d’attribuer une largeur explicite (width) à un élément doté de marges internes
(padding) ou de bordures latérales ;
Figure 7–3
Différentes interprétations des boîtes selon
les navigateurs
DEUXIÈME PARTIE
100
La boîte évoquée plus haut n’occupera alors à l’écran qu’une largeur de 250 pixels. Sa
zone de contenu se trouvera donc amputée des épaisseurs de bordures et de remplissages, correspondant ici à une différence de 50 pixels par rapport au modèle standard.
Ces différences peuvent avoir des effets spectaculaires sur le document final. Le site
Openweb détaille davantage ce problème courant :
B http://openweb.eu.org/articles/dimensions_boites_css/
Certaines différences d’affichage entre Internet Explorer et d’autres navigateurs plus conformes s’expliquent ainsi, les décalages se cumulant d’épaisseur de bordure en épaisseur de
padding. Pour éviter nombre de ces ennuis de dimensions, on évitera par conséquent :
• d’attribuer une largeur explicite (width) à un élément doté de marges internes
(padding) ou de bordures latérales ;
Figure 7–3
Différentes interprétations des boîtes selon
les navigateurs