28221 sujets

CSS et mise en forme, CSS3

Bonjour j'ai un gros soucis sur le placement d'un bloc qui se met a la fin alors qu'il devrait etre en dessous de mon header

html, body
{
height: 100%;
margin: 0;
padding: 0;

}

#entete
{
height: 89px;
text-align: center;
border: 1px solid gray;
}

#entete {
	background-color: #3333CC;
	height: 10%;
}


#menu {
	float: top;       
	width: 100%;
	height: 10%;
	color: #ffffff;
}



#corps {
	height: 70%;
	text-align: center;
}

#central {
        margin-left: 20px;
	background-color: #330066;
	float: left;
	width: 800px;
	height: 100%;
	color: #ffffff;
}

#news {
	margin-left: 820px;

}

#pied {
	background-color: #3333CC;
	height: 10%;
}


voici mon html

<div id="entete"></div>

<div id="menu"></div>
<div id="corps">
   <div id="central"></div>
   <div id="news"></div>
   
</div>
<div id="pied"></div>


mon bloc id="menu" n'apparait pas en deuxieme position en dessous de mon header mais a la fin de ma page en dessous de mon bloc id="pied"
Je comprends pas pourquoi
merci
Modifié le 19 Dec 2004 - 11:50
#entete{
height: 89px;
text-align: center;
border: 1px solid gray;
}

#entete {
	background-color: #3333CC;
	height: 10%;
}


Tu définis deux fois entête, en lui attribuant deux height différent. Corriges ce soucis.

Comme c'est ton premier post, tu peux aussi venir te présenter au bar du forum.
Modifié le 11 Dec 2004 - 14:35