Bonjour,
Suite à différents tests réalisés, grâces aux articles du site, sur le modèle de boites, j'ai une page qui s'affiche de façon identique dans IE et Firefox.
Dans cette page, j'ai deux blocs qui sont des div auxquels j'applique un id.
Le premier bloc est redéfini en css avec une largeur de 300px, des bordures de 0 et des padding de 0.
Pas de problème, le bloc a la même largeur sous IE et Firefox.
Le deuxième bloc est redéfini en css avec une largeur de 300px, des bordures de 1px et un padding gauche et droite de 25px.
Firefox m'affiche bien un bloc d'une largeur totale de 352px mais à ma grande surprise IE fait la même chose. Il additionne bien la largeur+bordures+padding.
Voici mon code :
Voici ma config :
Version d'IE6 : 6.0.2900.2180.xpsp_sp2_rtm.040803
Est-ce que je rêve ou Microsoft a corrigé son modèle de boîte ?
Tannoy
Modifié par tannoy (10 Mar 2005 - 11:18)
Suite à différents tests réalisés, grâces aux articles du site, sur le modèle de boites, j'ai une page qui s'affiche de façon identique dans IE et Firefox.
Dans cette page, j'ai deux blocs qui sont des div auxquels j'applique un id.
Le premier bloc est redéfini en css avec une largeur de 300px, des bordures de 0 et des padding de 0.
Pas de problème, le bloc a la même largeur sous IE et Firefox.
Le deuxième bloc est redéfini en css avec une largeur de 300px, des bordures de 1px et un padding gauche et droite de 25px.
Firefox m'affiche bien un bloc d'une largeur totale de 352px mais à ma grande surprise IE fait la même chose. Il additionne bien la largeur+bordures+padding.
Voici mon code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Positionnement CSS</title>
<style type="text/css">
<!--
#jaune {
margin: 0px 0px 10px;
padding: 0px;
width: 300px;
border: 1px solid #FF0000;
background-color: #FFFF99;
}
#vert {
margin: 0px 0px 10px;
width: 300px;
border: 1px solid #FF0000;
background-color: #99CC99;
padding-right: 25px;
padding-left: 25px;
}
-->
</style>
</head>
<body>
<div id="jaune">Bloc jaune</div>
<div id="vert">Bloc vert</div>
</body>
</html>Voici ma config :
Version d'IE6 : 6.0.2900.2180.xpsp_sp2_rtm.040803
Est-ce que je rêve ou Microsoft a corrigé son modèle de boîte ?
Tannoy
Modifié par tannoy (10 Mar 2005 - 11:18)
