[HTML - CSS] Fixer le footer en bas de page
patrice86
Messages postés
1520
Statut
Membre
-
jo -
jo -
Bonjour,
Je suis entrain de développer un EPortFolio en HTLM5 et CSS3.
Jusque là tout va bien sauf que je me prend la tête sur un problème qui pourtant semble tout bête, je n'arrive pas à fixer le pied de page (footer) en bas de la page.
Comme beaucoup de personnes qui ont ce soucis, il vient automatiquement se mettre à la suite du texte, donc si il n'y en a pas beaucoup, il se colle en plein milieu de la page...
J'ai beau avoir effectué des recherches sur internet et essayé plusieurs solutions, impossible de le faire.
Une solution svp ?
Voici l'adresse provisoire de mon site.
https://www.sfr.fr/fermeture-des-pages-perso.html
Merci =)
Je suis entrain de développer un EPortFolio en HTLM5 et CSS3.
Jusque là tout va bien sauf que je me prend la tête sur un problème qui pourtant semble tout bête, je n'arrive pas à fixer le pied de page (footer) en bas de la page.
Comme beaucoup de personnes qui ont ce soucis, il vient automatiquement se mettre à la suite du texte, donc si il n'y en a pas beaucoup, il se colle en plein milieu de la page...
J'ai beau avoir effectué des recherches sur internet et essayé plusieurs solutions, impossible de le faire.
Une solution svp ?
Voici l'adresse provisoire de mon site.
https://www.sfr.fr/fermeture-des-pages-perso.html
Merci =)
1 réponse
-
Salut,
Éventuellement une position fixe au footer ?
CSS:#footer{ position:fixed; bottom:0; left:0; height:100px; background: black; }
HTML:<div id="footer"></div>
-
-
-
-
-
En position fixe, le footer suivera le scroll et passera devant le texte si la page est trop grande.
Une autre solution ici : http://www.snoupix.com/coller-le-pied-de-page-en-bas_tutorial_9.html
Au passage, il est déconseillé d'affecter un width:100% sur un élément de type block, il prend déjà tout la largeur disponible et peut causer des problèmes si vous ajouter des bordures ou des marges internes.
-
