Come mantenere sempre il piè di pagina nella parte inferiore di una pagina?

Ho un’immagine che è 115px che voglio nella parte inferiore della mia pagina. Ho cercato online come farlo rimanere sempre in fondo alla pagina e ho ottenuto molte risposte complicate. Ho fatto con il mio codice personale che funziona (almeno nel mio browser). Mi rendo conto che potrebbe essere un modo immaturo per farlo, e volevo vedere se ci fossero potenziali problemi con esso. Ecco il mio codice

 

potresti prendere in considerazione ciò che accadrà se il corpo del testo è lungo quanto l’altezza del viewport. Il testo potrebbe andare dietro il piè di pagina fisso e potresti non essere in grado di vederlo

Io raccomanderei;

 #footer { position: relative; margin-top: -150px; /* negative value of footer height */ height: 150px; clear:both; } 

quindi assicurati di dare l’avvolgimento div a tutto il contenuto ha un fondo imbottito uguale all’altezza del piè di pagina.

 #main { padding-bottom: 150px; } /* must be same height as the footer */ 

Ecco come si fa il piè di pagina sempre in fondo alla pagina. Puoi sostituire il footer di footer con

, ma preferisco HTML5 footer .

inserisci la descrizione dell'immagine qui