voila encore un hic avec CSS :'(
je veux faire un truc de simple mais j'arrive pas :s
voila ce que je veux faire tt en haut un div pour logo centrer
#header {
margin:auto;
width:925px;
height:263px;
background-color:red;
padding:0px 0px 30px 0px;
}
ce block restera tjr avec ces démenions
puis en bas de ce block y aura un div page ce div contiendra 2div (menu,et coeurDePage) et coeurDePage contiendra lui aussi 2 div (contenu et espacePub)
Code : Tout sélectionner
#page {
margin:auto;
width:1100px;
height:500px;
background-color:#159753;
}
#menu {
float:left;
width:205px;
height:500px;
background-color:#111999;
}
#coeurDePage {
float:right;
background-color:#414863;
width:895px;
height:500px;
}
#contenu
{
float:left;
background-color:green;
width:700px;
height:500px;
padding-left:15px;
}
#espacePub
{
float:left;
background-color:#852654;
width:180px;
height:500px;
}#footer{
margin:auto;
width :975px;
height:200px;
background-color:#369741;
}
et voici mon code html
<!DOCTYPE html>
<html>
<head>
<title>structure de mes pages</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="header">
</div>
<div id="page">
<div id="menu">
</div>
<div id="coeurDePage">
<div id="contenu">
</div>
<div id="espacePub">
</div>
</div>
</div>
<div id="footer">
</div>
</body>
</html>sauf que pour tous les divs de menu,coeurDepage, contenu et espacePub je veux leur mettre un height:auto; pour que leurs hauteur dépend de contenu de chaque div et donc tous ces div vont donné un height au div page ( c'est à dire que height de page = le height le plus grand des 4 div menu,coeurDepage, contenu et espacePub)
mais quand je fait ça le footer ne ce place pas en bas de div page :s
