[HTML - CSS] Fixer le footer en bas de page
patrice86
Messages postés
1380
Date d'inscription
Statut
Membre
Dernière intervention
-
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 =)
A voir également:
- Mettre le footer en bas de page css
- Footer bas de page - Meilleures réponses
- Footer fixé en bas de page - Meilleures réponses
- Impossible de supprimer une page word - Guide
- Mettre google en page d'accueil - Guide
- Mettre une page en paysage word - Guide
- Traduire une page en français - Guide
- Imprimer tableau excel sur une page - Guide
Ne faut-il pas mettre un width: 100% aussi ?
Pourquoi <footer> et pas "<div id="footer"></div> " ?
Edit : je viens de comprendre .. HTML5
footer {float:none; clear:both; }
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.