Newsgroup: it.comp.www.html
Titolo: [CSS] posizione del footer sempre in fondo

Qualcuno si ricorda come mettere (con icss) il footer sempre in fondo 
alla pagina anche quando i contenuti della pagina non sono sufficienti a 
riempire il viewport (la pagina)?
uno dei metodi che ricordo e' quello di un js che calcola l'altezza 
della pagina e posiziona in maniera assoluta il div footer ma preferirei 
non usare js e comunque non mi ricordo dove andare a reperirlo.
Grazie per l'aiuto
Gianni

xxx, in data 15/06/2004 4.56, ha occupato banda con questi byte:

Mmmm... prova margin-bottom: 0; dovrebbe funzionare ma non ne sono sicuro.
-- 
Spirito Libero
Siamo tutti un po' abusivi a questo mondo...
(Non mettere il sale se vuoi rispondermi!)

xxx wrote:

Vedi un pò se questa soluzione ti può essere d'aiuto
http://www.fu2k.org/alex/css/frames/
(quando però il viewport è minore della lungezza dei contenuti ti 
funziona come un div con attributo 'fixed')
Ciao
-- 
Spoken: How much is that gorilla in the window?
Take our advice, At any price, A gorilla like Magilla is mighty nice.
Gorilla, Magilla Gorilla for sale

Mmmm... prova margin-bottom: 0; dovrebbe funzionare ma non ne sono sicuro.
No... ho provato sia con position:absolute e varie cose, ma mi sembra
che non funzioni....
Boh!?
nuke.

 riempire il viewport (la pagina)?
Dai uno sguardo qui: "Il problema del footer"
http://www.html.it/layout_css/layout_css_15.htm
Ciao,
    Alessandro Fulciniti

 riempire il viewport (la pagina)?
e' una delle cose piu' complicate da fare con i CSS, e molti
come hai accennato poi ricorrono a JS... ma non so nemmeno se
ne vale la pena.
-- 
email: goldicus1970 AT yahoo DOT it
blog: 
http://www.deelan.com/

 funziona come un div con attributo 'fixed')
Questa e' proprio quella che cercavo!
Mi va benissimo che quando il viewport e' minore si comporti come fixed.
Ringrazio anche gli altri piu' sotto nel thread
ciao
Gianni

 riempire il viewport (la pagina)?
Puoi fare cosě:
Questo č il CSS
body, html { height:100%; margin:0; }
#bodypage {
   min-height:100%;
   height:100% !important;
   height:100%;
   position:relative;
}
#container { padding-bottom:40px; }
#footer {
   position:absolute;
   bottom:0;
}
e questo l'HTML
<body>
<div id="bodypage">
	<div id="container">
		<p>Corpo della pagina</p>
	</div>
	<div id="footer"><p>Footer</p></div>
</div>
</body>
devi comunque correggere il padding-bottom di "container" per adattarlo 
all'altezza del tuo footer (serve per evitare che parte di "container" 
finisca sotto al footer).
Con questa soluzione, quando il contenuto della pagina supera l'altezza 
della pagina stessa, appare la classica scollbar verticale.
Ciao,
Max Graziani

xxx wrote:

Io avevo fatto cosě:
http://www.visuddhi.com/vstuff/footer.htm
visuddhi
-- 
visuddhi { info at visuddhi dot com } { icq# 44339752 }
if it is to be, it is up to me { 
www.visuddhi.com
 }
absolutely free, VisuBox { 
www.visubox.com
 }
css layout builder { 
www.visuddhi.com/vstuff/l3cbuilder.asp
 }

 visuddhi
e' perfettissimo con Safari ma con IE per mac rimane in alto subito dopo 
gli altri div

gli altri div
Anche con Amaja 8.5 resta attaccato.
Ciao
Alessandro Grossi
http://ale.grossi.name
-----BEGIN PGP SIGNATURE-----
Version: 6.5.8ckt 
http://www.ipgpp.com/
iQA/AwUBQNHrTbbHCGvscDRlEQK1gQCcC76CpzZrVLHE0/aHQ/coGT4bAzQAmQEH
NbGBAgXdSvcWwagV2eCGi5KX
=fehK
-----END PGP SIGNATURE-----