28173 sujets

CSS et mise en forme, CSS3

[résolu] La marge négative

bonjour,

J'ai fait une version simplifiée de ma page qui marche bien sur ie ! et ff Smiley cligne
mais quand j'ajoute des balises dans id="info", il ne s'étire plus sous ie, il tronque le contenu :'(
il y a des balises qui n'étirent pas ? (arf j'ai peut-être foutu des marges sur des balises dans #info... Smiley lol )

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test</title>
<style type="text/css">
body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     }
	 
#centre{
width:400px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}
#haut{
height:100px;
background:#ff0000;
}
#milieu{
background:#ff6600;
margin-bottom:-200px;
}
#bas{
height:200px;
background:#ff0066;
}
#info{
position:relative;
background:#222222;
top:-50px;
margin:0 10px;

}
</style>
</head>

<body>
<div id="centre">
<div id="haut">haut</div>
<div id="milieu">
<div id="info">test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test vtest test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test vtest test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test 
</div>
</div>
<div id="bas">bas</div>
</div>
</body>
</html>


Smiley eek si quelqu'un a une idée Smiley sweatdrop
Modifié par bwbk (01 Sep 2006 - 14:23)
bwbk a écrit :
Smiley eek si quelqu'un a une idée Smiley sweatdrop

Oui : commencer par faire valider la page par un validateur HTML, avant tout ! Smiley smile
Smiley lol bon c'est cool j'ai trouvé mon erreur ^^ j'ai inversé l'ordre des div dans le xhtml ^^
bis' au fakir Smiley eek
bwbk a écrit :
c'est un théme de wordpress ^^
This Page Is Valid XHTML 1.0 Strict!

Et c'est qui le petit malin qui n'a pas jugé bon d'inclure le doctype dans le code copié-collé ? Smiley lol
bwbk a écrit :
en haut ^^ c'est pour du test local ^^

???

Tu veux dire que quand tu testes en local, tu ne mets pas systématiquement un doctype ? Si c'est le cas, je te conseille vivement de te renseigner sur le doctype switching et le passage quircks mode/standard mode.
Sujet clos
Aller à