Come fissare il footer in fondo alla pagina?

Question

Come fissare il footer in fondo alla pagina?

18 ott 2017, 03:13:22

Visualizzazioni: 61.1K

Voti: 5

Ho bisogno che il footer del sito rimanga sempre fisso in fondo alla pagina.

Attualmente, si posiziona in fondo quando c'è contenuto nella pagina, ma quando non c'è contenuto il footer (.site-footer) sale dal basso verso il centro della pagina visibile come mostrato in questa immagine:

Sono riuscito a rispondere alla mia domanda e ho pubblicato il processo di scoperta qui sotto:

Kelly

291

piè di pagina

Commenti

Mostra del codice.

Samuel Asor

18 ott 2017 03:14:08

Tutte le risposte alla domanda

Commenti

Ho provato a usare absolute senza successo, cambiando in fixed ha funzionato - tuttavia significa che lo scrolling manterrà il footer fisso, il che è un po' fastidioso

User

9 feb 2018 11:51:50

Aggiungi il CSS per il tuo footer, fisserà la posizione del footer in fondo alla pagina.

    .site-footer{
     position:fixed;
     bottom:0px;
     left:0px;
     right:0px;
     width:100%;
    }

HeroWeb512

104

18 ott 2017 07:50:57

Commenti

Fisserà la posizione del footer in basso

HeroWeb512

18 ott 2017 08:25:00

Kelly 291 · Accepted Answer · 2017-10-18T03:15:45Z

Una rapida ricerca mostra che questa domanda è stata posta e risposta molte volte.

Da StackOverflow: Fare aderire il footer correttamente alla base della pagina

Da StackOverflow: Come far aderire il footer alla base della tua pagina web

Da CSS-Tricks: 5 modi diversi per creare un footer fisso

Da Code Pen: Footer "Sempre in fondo"

Da WordPress: Come fissare il footer alla base dello schermo?

Ho utilizzato la risposta di WordPress per la mia soluzione:

.site-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;   
}

Kelly

291

18 ott 2017 03:15:45