bonjour,
voila j'ai un code qui me permet d'avoir toujours mon footer en bas de ma page quelque soit le contenu.
cela fonctionne tres bien.
voici ma page :
<html>
<head>
<style>
* {
margin: 0;
}
html, body {
height: 100%;
}
.contener {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -120px;
border:1px red solid;
width:520px
}
.fond {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto 0px;
border:1px black solid;
background:#CC66CC;
width:500px;
}
.footer {
height: 120px;
border:1px green solid;
width:500px
}
.pousse {
height: 120px;
border:1px yellow solid;
}
</style>
</head>
<body>
<div align="center" style="background:yellow">
<div align="center" style="background:#eeeeee;">
<div class="contener">
<p>contenu</p>
<p>contenu</p>
<p>contenu</p>
<p>contenu</p>
<p>contenu</p>
<p>contenu</p>
<p>contenu</p>
<p>contenu</p>
<div class="pousse"></div>
</div>
</div>
<div align="center" >
<div class="footer" >
<p>Copyright (c) 2008</p>
</div>
</div>
</div>
<!-- <div class="fond"></div> -- >
</body>
</html>
mais je voudrais ajouter à ma page un div qui fasse toute la hauteur de ma page qui soit sous tous les div "contener" et "footer" (le tout etant centré) pour faire un fond (j'ai deja un fond sur le "contener")
<div class="fond"></div>
je ne sais pas trop comment m'y prendre. jai essayé de placer des floats un peu partout et de le positionner a différents endroits dans ma page mais je n'arrive jamais a avoir ce que je veux
merci de votre aide
attentio