Salut tout le monde, j'ai un problème, mon footer ne reste pas tout en bas de la page. Je m'explique:
J'ai un corps de site, dans ce corps, il y a un header en haut avec un sommaire dedans;
En dessous, j'ai sur la gauche trois div et sur la droite une div contenu. Le footer se place en fonction des trois div de la gauche, ainsi, si le contenu de droite devient trop imposant, il s'affiche sur le footer au lieu de le faire descendre
pour le html :
<div id="corps">
<div id="header">
<div id="sommaire">
</div>
</div>
<div id="mot">
</div>
<div id="flash">
</div>
<div id="actualite">
</div>
<div id="contenu">
</div>
<div id="footer">
</div>
</div>
(la position de mes div sans contenu)
mon css :
- corps{
margin-top : -8px;
width : 1022px;
border : 3px solid black;
margin-left: 25%;
}
- mot{
border : 3px solid black;
width : 320px;
margin-top : 10px;
}
- flash{
border : 3px solid red;
width : 320px;
margin-top : 10px;
}
- actualite{
border : 3px solid yellow;
width : 320px;
margin-top : 10px;
}
- contenu{
position : static;
margin-top : -250px;
margin-right : 50px;
border : 3px solid yellow;
float : right;
}
- footer{
background-image:url(../images/footer.png);
width : 1950px;
margin-left : -500px;
height : 50px;
margin-top : 10px;
text-align: center;
padding-top: 10px;
position : fixed;
}
- header{
background-image: url(../images/background-header.jpg);
width : 1024px;
height: 295px;
}
- sommaire{
margin-top: -127px;
margin-right : -525px;
position : static;
border-width : 3px;
border-color : yellow;
}
je vous remercie d'avance pour vos réponses