fissare div alla fine della pagina (sempre)

[Metallica]

Allora ho questa pagina html divisa in 3 div: head, body e foot, ed ho impostato tutti i margin a 0 così i div head e foot, che sono di un colore diverso vengono senza spazi a fine ed inizio pagina. Fin qui tutto OK, ma questa cosa funziona solo se il div body ha un numero sufficiente di ritorni a capo da poter far scendere il foot, altrimenti il div foot resterà a metà pagina. Come posso fare per rendere indipendente il foot dal contenuto di body e farlo stare sempre in fondo alla pagina????

Grazie

[fcaldera]

Personalmente ipotizzando che il tuo footer sia alto <nnn> pixels farei così (non l'ho mai testato ma potrebbe andare)

body {
position: relative;
height: 100%;
padding: 0 0 <nnn>px 0;
}

#footer {
position: absolute;
left: 0;
bottom: 0;
height: <nnn>px;
}

e ad ogni modo al posto dei pixels userei gli ems in modo da permettere il ridimensionamento del testo


Se proprio non va, ecco cosa propone google

http://www.webmasterworld.com/forum83/1120.htm
http://www.thescripts.com/forum/thread99664.html
http://skeletorscorpse.com/joomla/content/view/142/34/