Aide pour la position de mon footer

Fermé
alexcamb87 Messages postés 79 Date d'inscription samedi 28 mars 2009 Statut Membre Dernière intervention 5 juin 2011 - Modifié par alexcamb87 le 20/03/2010 à 12:13
avion-f16 Messages postés 19125 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 23 mars 2023 - 20 mars 2010 à 15:11
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 ?

1 réponse

avion-f16 Messages postés 19125 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 23 mars 2023 4 468
20 mars 2010 à 13:05
Ton contenu ou ton menu latéral est en float ?
Si oui, créer un div vide avant le HTML du footer avec "clear:both" comme CSS.
0
alexcamb87 Messages postés 79 Date d'inscription samedi 28 mars 2009 Statut Membre Dernière intervention 5 juin 2011
Modifié par alexcamb87 le 20/03/2010 à 13:12
J'ai un peu des deux, ma bannière et mon menu sont superposée et le contenu est en float
0
avion-f16 Messages postés 19125 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 23 mars 2023 4 468
20 mars 2010 à 13:15
Alors :
<div style="clear:both;"></div>
<div id="footer"> ... </div>
0
alexcamb87 Messages postés 79 Date d'inscription samedi 28 mars 2009 Statut Membre Dernière intervention 5 juin 2011
20 mars 2010 à 13:17
Merci mais quel footer je dois utiliser ? celui avec le bottom:0 ou avec le margin-top:10px ?

Malheureusement je crois que ça ne change rien au problème
0
avion-f16 Messages postés 19125 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 23 mars 2023 4 468
20 mars 2010 à 13:20
Désolé, je n'avais pas très bien lu le problème.
Si tu tiens absolument à ce que le footer soit toujours au fond, même si le contenu ne fait pas toute la fenêtre, alors utilise #footer2 mais ajoute un margin-bottom sur un div qui contient le menu et le contenu.
0
alexcamb87 Messages postés 79 Date d'inscription samedi 28 mars 2009 Statut Membre Dernière intervention 5 juin 2011
20 mars 2010 à 13:23
en clair le margin-bottom c'est pour ajouter du blanc histoire de combler ? Cette solution me plait pas trop. Est ce que tu t'y connais en javascript ? Je pense qu'il doit y'avoir une solution de ce coté mais j'y connais pas grand chose :(

merci
0