Aide pour la position de mon footer
alexcamb87
Messages postés
85
Statut
Membre
-
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Voilà je suis face a un problème sur le positionnement du footer pour mon site.
Mon site a une hauteur variable et je souhaite que le footer se positionne juste après la fin de mon contenu.
j'ai fais cette DIV
#footer
{
width:750px;
height:25px;
background-image: url(Elements/footer.jpg);
background-repeat: no-repeat;
float:right;
margin-top:0px;
}
Avec le margin-top:0px; le footer se positionne juste en dessous du contenu, ce qui me va.
Mais le problème arrive quand le contenu de la page est moins grand que la taille de la fenêtre. Le footer ce met en dessous et la page continue ...
J'ai pensé a faire donc une autre DIV Footer2
#footer2
{
width:750px;
height:25px;
background-image: url(Elements/footer.jpg);
background-repeat: no-repeat;
position:absolute;
bottom:0;
}
qui elle restera bien comme il faut en bas, mais pour y faire appel il faut que je puisse détecter que le contenu de ma page est plus petit que la taille de ma fenêtre et la je sais pas du tout comment faire....
Une solution s'il vous plait ?
Voilà je suis face a un problème sur le positionnement du footer pour mon site.
Mon site a une hauteur variable et je souhaite que le footer se positionne juste après la fin de mon contenu.
j'ai fais cette DIV
#footer
{
width:750px;
height:25px;
background-image: url(Elements/footer.jpg);
background-repeat: no-repeat;
float:right;
margin-top:0px;
}
Avec le margin-top:0px; le footer se positionne juste en dessous du contenu, ce qui me va.
Mais le problème arrive quand le contenu de la page est moins grand que la taille de la fenêtre. Le footer ce met en dessous et la page continue ...
J'ai pensé a faire donc une autre DIV Footer2
#footer2
{
width:750px;
height:25px;
background-image: url(Elements/footer.jpg);
background-repeat: no-repeat;
position:absolute;
bottom:0;
}
qui elle restera bien comme il faut en bas, mais pour y faire appel il faut que je puisse détecter que le contenu de ma page est plus petit que la taille de ma fenêtre et la je sais pas du tout comment faire....
Une solution s'il vous plait ?
