Pied de page
Résolu
AssassinTourist
Messages postés
6029
Date d'inscription
Statut
Contributeur
Dernière intervention
-
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
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 !
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 !
A voir également:
- Pied de page
- Impossible de supprimer une page word - Guide
- Calcul km marche à pied gratuit - Télécharger - Sport
- Numéro de page word - Guide
- Imprimer tableau excel sur une page - Guide
- Page d'accueil - Guide
7 réponses
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
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
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é.
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é.
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 ?
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 ?
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.
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.
Salut =)
Ce n'est pas vraiment ce que je cherche à faire. Je vais essayer d'être plus précis avec un algo informel :
Si la fenêtre est trop grande par rapport au texte
Alors le pied de page est en absolute collé en bas
Sinon le pied de page est en relative par rapport à au corps principal
(après, c'est peut-être impossible et il faut plutôt aggrandir le corps de page en même temps que la fenêtre si c'est trop petit)
Ce n'est pas vraiment ce que je cherche à faire. Je vais essayer d'être plus précis avec un algo informel :
Si la fenêtre est trop grande par rapport au texte
Alors le pied de page est en absolute collé en bas
Sinon le pied de page est en relative par rapport à au corps principal
(après, c'est peut-être impossible et il faut plutôt aggrandir le corps de page en même temps que la fenêtre si c'est trop petit)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.
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
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
Merci bien ! =)