Creare un piè di pagina fisso

Tutorial per creare un box fisso, da visualizzare in fondo alla pagina.

Avete la necessità di avere un box di testo, che possa sempre rimanere in fondo alla pagina? Mediante i due metodi che vi illustrerò, anche lo scorrimento (o scroll) della pagina, non avrà alcun effetto sulla posizione del box creato.

Metodo n. 1

#piedipagina {
   position: fixed;
   width: 100%;
   height: 100px;
   top: auto;
   right: 0;
   bottom: 0;
   left: 0;
}

Metodo n. 2

#piedipagina {
   bottom: 0 !important;
   bottom: -1px;
}
div > #piedipagina {
   position: fixed;
}

Note

tags piè di pagina, div fondo pagina, box fisso, footer fisso, css, html

Dettagli pubblicazione

Categoria: CSS

Pubblicato da: loryzz in data: 06.01.2008 15:42:46

Ultima modifica di: loryzz in data: 21.01.2009 11:45:29

Statistiche

Questo articolo è stato visualizzato 7.081 volte.

Segnala presso

Votazioni

Currently 100; ?>/ TOTALSTARS
1
2
3
4
5

Commenti

Gli utenti del sito hanno rilasciato 3 commenti, di cui 0 in attesa di approvazione.

Commento di: enio in data: 28.01.2009 10:01:06

bello, peccato che non funzioni sull'inutile internet explorer 6
Commento di: loryzz in data: 28.01.2009 12:18:55

L'attributo "position: fixed" è supportato da IE5, IE5.5 ed IE6 solo se viene attribuito all'elemento body. Un motivo in più per odiarli insomma :)
Commento di: loryzz in data: 28.01.2009 18:00:09

Forse al seguente indirizzo puoi trovare un tutorial che aggira i bug di IE6, ma non te ne so dare la certezza:
http://www.wickham43.supanet.com/tutorial/headerfooterfix.html

Lascia un commento

Tutti i commenti devono essere approvati da un amministratore prima di essere visualizzati al pubblico. Si tratta di una misura preventiva contro spam e pubblicità e non è necessario reinviare il commento.
Si prega di scrivere commenti in tema. Spam e messaggi promozionali non vengono approvati.