j'ai un problème avec css j'ai un div page (qui contient 3 div menu,contenu et espacePub) et un autre div footer
comme faire pour que ce dernière soit toujours en bas de div page quelque soit le height de l'un des 3 div qui composent div page
Code : Tout sélectionner
#header {
margin:auto;
width:925px;
height:150px;
background-color:red;
padding:0px 0px 30px 0px;
}
#page {
margin:auto;
width:1200px;
height:500px;
background-color:#159753;
}
#menu {
float:left;
width:205px;
height:400px;
background-color:#111999;
}
#contenu
{
float:left;
background-color:green;
width:800px;
height:400px;
padding-left:15px;
}
#espacePub
{
float:left;
background-color:#852654;
width:180px;
height:auto;
}
#footer{
margin:auto;
width :975px;
height:auto;
background-color:#369741;
}<!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">
ici menu<br/>
ici menu<br/>
ici menu<br/>
ici menu<br/>
ici menu<br/>
</div>
<div id="contenu">
ici contenu<br/>
ici contenu<br/>
ici contenu<br/>
ici contenu<br/>
ici contenu<br/>
ici contenu<br/>
</div>
<div id="espacePub">
ici espacePub<br/>
ici espacePub<br/>
ici espacePub<br/>
ici espacePub<br/>
</div>
</div>
<div id="footer">
ici footer<br/>
ici footer<br/>
ici footer<br/>
</div>
</body>
</html>
