Comment coller le pied de page au bas de la page?
J'ai besoin que le pied de page du site soit placé en tout temps au bas du site.
Actuellement, il se trouve en bas du site lorsqu'il y a du contenu sur la page, mais sans contenu sur la page, il (.site-footer) monte du bas au milieu de la page visible, comme indiqué dans cette image:
J'ai été capable de répondre à ma propre question et le processus de découverte posté ci-dessous:
Une recherche rapide montre que cette question a été posée et a reçu de nombreuses réponses.
De StackOverflow: Assurez-vous que le pied de page se colle correctement au bas de la page
De StackOverflow: Comment faire en sorte que le pied de page reste au bas de votre page Web.
De CSS-Tricks: 5 manières différentes de faire un pied de page collant
Depuis le stylo code: pied de page "Toujours au bas"
De WordPress: Comment rendre le pied de page fixé au bas de l'écran?
J'ai utilisé la réponse WordPress pour ma réponse:
.site-footer{
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
Ajoutez du CSS pour votre pied de page, cela fixera la position du pied de page au bas de la page.
.site-footer{
position:fixed;
bottom:0px;
left:0px;
right:0px;
width:100%;
}