Pied de page Résolu/Fermé

Question

Bonjour à tous !

Ma structure de site est très basique avec une en-tête en haut, un menu vertical à gauche, le corps de texte prenant toute la page et un pied de page qui prend toute la largeur de la page. Mon problème concerne ce dernier.

Je souhaiterai que si jamais le contenu du corps n'est pas assez grand pour la taille de l'écran, que le corps "s'allonge" et fasse en sorte que le pied de page soit collé en bas. Au début, je pensais commencer à mettre du css sur mon pied de page {bottom:0}, mais lorsque le corps est plus grand que la fenêtre, le pied de page passe au-dessus, alors que je ne voudrais pas qu'il soit absolute. 

Bref, je merdouille à mort et je n'ai pas trouvé la combinaison adéquate. Je ne prends sûrement pas le problème par le bon bout... 

Merci de votre aide !

Configuration: Windows XP, Vista et 7
Firefox à jour

shoub-tcy · Answer

Bonjour, 

As-tu essayé avec  position: relative ? J'avais un problème de la sorte avec absolute, et j'avais essayé de mettre un relative et ça avait marché.

AssassinTourist · Answer

Merci bien, shoub-tcy, mais ça n'a pas résolu mon problème :$

En passant en relative, le menu s'est effectivement collé au corps de page (ce que j'avais à la toute toute base), mais du coup, quand le corps de texte est trop petit, le bas de page n'est pas collé en bas de l'écran...

Est-ce que ma solution, ce serait d'agrandir le corps pour qu'il occupe toute la fenêtre au minimum ? Je vois qu'il y a min-height que je peux faire, mais qu'est-ce que je lui passe comme valeur puisque c'est en fonction de la résolution de l'écran ?

txiki · Answer

Salut Assassin ! ;-)

Tu a des gabarits ici: http://www.alsacreations.com/static/gabarits/liste.html
Peut-être qu'un de ceux là te correspondront ?
Sinon regarde la structure de mon site: http://www.abarka.eu tu verras que le footer est toujours en bas d'écran. Si le contenu du corps est plus long s'ajoutera un ascenseur vertical.
Si tu veux le code, je te le donnerai avec plaisir.

Bonne chance.


Le bonheur est la seule chose que l'on peut donner sans l'avoir.

shoub-tcy · Answer

Et si tu met position: absolute; et au lieu de partir de {bottom:0}, tu pars de {top:+la valeur que tu veux},  normalement ton pied de page ne bougera pas du bas, même si la fenêtre est réduite.

kiyomasa · Answer

J'ai posé exactement la même question tout à l'heure et j'ai eu ma réponse.
J'ai pas encore essayé mais voilà la discution qui n'est pas longue :

https://forums.commentcamarche.net/forum/affich-24913317-footer-qui-reste-en-bas-de-la-fenetre#p24915385

AssassinTourist · Answer

Kiyomasa > Oui, j'ai pu voir ton post, mais je n'ai pas compris comment tu avais résolu le problème :$
Peux-tu tenter de m'expliquer ? =)

kiyomasa · Answer

Ben c'est relativement simple en fait :

ton footer a une couleur de fond, genre gris par exemple et bien tu met sur ta balise body un background-color : gris.

Ensuite tout ton site est construit par dessus.

Par exemple voici un site sur lequel j'ai pu tester ça :
y a un fond en repeat sur le header et un autre sur le contenu. Ensuite le fond du footer est en réalité tout le fond du site.
Il suffit (pour les éléments du dessus) de mettre une largeur de 100% mais de ne centrer que leur contenu. (et pas le block tout entier).

http://www.pages-en-contact.com/bl-couverture/

C'est pas hyper simple a expliquer, j'espère que ça t'aidera

Pied de page

7 réponses

Discussions similaires