Fotti il footer!
martedì 14 aprile 2009
Vota!
Loading ...Titolo un po’ così. A volte ci si trova davanti ad un problema: il footer della nostra pagina HTML non vuole saperne di stare al suo posto, in basso.
Ci ritroviamo quindi con un footer ballerino che se ne va a zonzo per la pagina, specialmente se il contenuto è troppo corto e c’è uno sfondo che va a sfumare “in lontananza”.
Come risolvere? Ci sono diverse soluzioni…
CSSStickyFooter 2009 è la soluzione migliore, compatibile con moltissimi browser, funziona anche senza scotch. 
La documentazione spiega per filo e per segno come implementarlo: puro CSS, niente Javascript.
Cercando per la rete si trovano un sacco di tutorial simili, come ad esempio questo: scegliete quello che vi sembra più facile et voilà, il gioco è fatto.
In alternativa puoi abbonarti alla newsletter, riceverai un'email ogni volta che verrà pubblicato un nuovo post. Il tuo indirizzo email sarà gestito da Feedburner.
14 aprile 2009 alle 10:37
in linea con il titolo viene proprio da dire “Sticky!”…
grazie per la segnalazione, sono giorni che lotto con il css maledetto.
14 aprile 2009 alle 11:01
Sempre utili le tue segnalazioni.
In questo momento il footer su cui lavoro non fa le bizze, ma non si sa mai!
14 aprile 2009 alle 11:30
Utilizzo questo metodo sul mio blog. L’unica cosa bruttina è che il CSS non viene più validato perché non è accettabile un valore negativo in margin-top.
Ciao,
Emanuele
15 aprile 2009 alle 15:34
clear:both;
15 aprile 2009 alle 15:39
@ K8:
Troppo facile. Quello che vedi nella prima immagine è un esempio con clear:both. Ma se la div finisce prima della fine dello schermo ti ritrovi il footer appiccicato là
15 aprile 2009 alle 20:16
mmm ok
18 aprile 2009 alle 10:10
[...] Fotti il footer! [...]