[HTML - CSS] Fixer le footer en bas de page

Fermé
patrice86 Messages postés 1380 Date d'inscription dimanche 26 octobre 2008 Statut Membre Dernière intervention 17 décembre 2024 - 18 sept. 2012 à 00:14
 jo - 2 sept. 2016 à 15:36
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 =)


A voir également:

1 réponse

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
18 sept. 2012 à 09:04
Salut,

Éventuellement une position fixe au footer ?
CSS:
#footer{
position:fixed;
bottom:0;
left:0;
height:100px;
background: black;
}

HTML:
<div id="footer"></div> 

17
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 1 768
18 sept. 2012 à 09:34
Petite chose à ajouter : <footer> et non <div id="footer"> ;-)
Ne faut-il pas mettre un width: 100% aussi ?
0
Si tu as utilisé des floats, tu n'as qu'a mettre
footer {float:none; clear:both; }
1