Un footer sempre al fondo
Venerdì 20 Aprile 2007 - 11:55
di Alessandro Fulciniti
Il recente CSS sticky footer presenta un semplice modo per avere un footer sempre a fondo pagina o al fondo della finestra del browser. Purtroppo la pagina non presenta il codice e in questi casi strumenti quali Firebug o la
Web
Developer toolbar per IE si rivelano per me molto più pratici che la consultazione diretta del CSS, almeno per una prima occhiata.
Tornando alla soluzione, buona la compatibilità e interessante l’uso dei margini negativi invece dei posizionamenti assoluti, peccato per la necessità di un div vuoto prima del footer e per il fatto che la pagina di esempio non sia molto esplicativa, visto l’abbondante uso di image replacement.
Altre soluzioni simili sono FooterStick Alt di Cameron Adams e, tra le risorse di casa, Il problema del footer della guida al layout con i CSS.
Commenti
1
Ahahaha!
Incredibile ma vero ieri sono stato un paio di ore a cercare una soluzione valida a questo problema…
oggi tra i miei blog preferiti trovo la risposta alle mie domande!GRAZIE
# - postato da Fabio Catapano - 20 Aprile 2007 - 14:28
2
io recentemente ho usato footerStickAlt, la soluzione al problema di themaninblue.com.
Anche questa soluzione necessita di un div aggiuntivo, un container ulteriore del sito, mentre CSS sticky footer richiede come già detto un div vuoto prima del footer. Comunque interessante, bisogna vedere bene quale delle 2 soluzioni è la migliore.
# - postato da filippo buratti - 20 Aprile 2007 - 15:33
3
proprio quello che cercavo in sti giorni. ora mi guardo un po i vostri link…
4
La soluzione del footer qui su html.it l’ho già usata volte e mi sembrava ottima.
P.S.
E’ tutta oggi che il vostro feed non viene aggiornato in Google Reader e nei widget della Personalized Home Page, tutti gli altri feed a cui sono iscritto/abbonato/sottoscritto non hanno problemi. :|
5
La soluzione proposta dall’articolo di Html.it tempo fa è già ottima, quindi…
6
Ale, mi sa che a Ryan Fait gli siano fischiate le orecchie, :) perché a fondo pagina appaiono due link: al CSS e all’HTML.
L’ho trovato un po’ avaro di commenti, ma vale la pena studiarlo.# - postato da Pierluigi - 23 Aprile 2007 - 09:56
7
Queste soluzioni piene di hack danno molti problemi, partono con una mentalità errata, guardano a internet explorer e a firefox. E gli altri browsers? La soluzione migliore è quella di riempire la pagina di contenuto, è meglio per l’accessibilità del sito e per l’indicizzazione e il footer sta sempre in basso, garantito! P.S. Non so a voi, ma a me le pagine con quelle 5-10 righe di testo enormi non piacciono proprio…
# - postato da LeoB - 23 Luglio 2007 - 14:26