Bonjour,
Je cherche une confirmation d'un supposé bug de FF (v1.0.7) sur la propriété width ou bien d'un comportement normal lié à l'usage du positionnement absolu.
CSS
#globalcontainer{
width:90%;
}
#globalheader{
width:100%;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
background-color:yellow;
position:absolute;
}
#conteneur{
position:absolute;
width:100%;
background-color:#ffcc00;
clear:both;
top:15em; /*hauteur supposé header*/
margin-left:5px;
margin-right:5px;
border :solid 1px black;
}
HTML
<body id="toto">
<div id="globalcontainer">
<div id="globalheader">
<p>texte contenu dans le globalheader</p>
</div>
<div class="conteneur">
<p>texte contenu dans le conteneur</p>
</div> <!-- fin conteneur -->
</div> <!-- fin globalcontainer -->
</body>
Sous FF :
le conteneur déborde allègrement sur la droite. Ce comportement n'apparait pas sous IE (vraiment je suis étonné) ni sous Opera où le width s'applique véritablement sur la taille du conteneur.
Voir la traduc du W3C pour le width
http://www.yoyodesign.org/doc/w3c/css2/visudet.html#propdef-width
Merci de votre aide.
Je cherche une confirmation d'un supposé bug de FF (v1.0.7) sur la propriété width ou bien d'un comportement normal lié à l'usage du positionnement absolu.
CSS
#globalcontainer{
width:90%;
}
#globalheader{
width:100%;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
background-color:yellow;
position:absolute;
}
#conteneur{
position:absolute;
width:100%;
background-color:#ffcc00;
clear:both;
top:15em; /*hauteur supposé header*/
margin-left:5px;
margin-right:5px;
border :solid 1px black;
}
HTML
<body id="toto">
<div id="globalcontainer">
<div id="globalheader">
<p>texte contenu dans le globalheader</p>
</div>
<div class="conteneur">
<p>texte contenu dans le conteneur</p>
</div> <!-- fin conteneur -->
</div> <!-- fin globalcontainer -->
</body>
Sous FF :
le conteneur déborde allègrement sur la droite. Ce comportement n'apparait pas sous IE (vraiment je suis étonné) ni sous Opera où le width s'applique véritablement sur la taille du conteneur.
Voir la traduc du W3C pour le width
http://www.yoyodesign.org/doc/w3c/css2/visudet.html#propdef-width
Merci de votre aide.