Posizionare il footer a fondo pagina

[Stan]

Ho questo problema: se metto il footer absolute, riesco facilmente a metterlo a fondo pagina, ma se il content è troppo lungo, il footer va sopra al content, e scrollando a destra rimane appeso dove capita.
Se non lo metto absolute, il footer va sempre sotto la fine del content, ma se il content è vuoto rimane in alto, magari sotto al menu.

Avete una soluzione?

<div id="main">
  <div id="menu"></div>
  <div id="content"></div>
  <div id="footer"></div>  
</div>

[ricman]

La soluzione è non fare siti vuoti ... a che servono?

[Sampei89]

Si quoto con Ricman! Metti un position: relative;
Man mano che si riempe il content, si sistema il footer.

[fcaldera]

Originariamente inviato da Sampei89
Metti un position: relative;
Man mano che si riempe il content, si sistema il footer.

tradotto in codice?

[fcaldera]

Originariamente inviato da ricman
La soluzione è non fare siti vuoti ... a che servono?

dai, evitiamo queste risposte... non è una questione di fare siti vuoti
se gli hanno imposto di creare una pagina troppo corta e footer ancorato in basso..

[ricman]

Originariamente inviato da fcaldera
dai, evitiamo queste risposte... non è una questione di fare siti vuoti
se gli hanno imposto di creare una pagina troppo corta e footer ancorato in basso..

Secondo me (me!!) una pagina con 5 righe è ridicola. Non stavo facendo battute...
Piuttosto ne fondo due per farne un più lunga.

Cmq ormai quasi tutti i browser supportano il min-height, che potremmo assegnare al "container" (il suo "content", mi pare) ed eventualmente gestire IE6 con Height tramite commenti condizionali...

(è un po' che non mi capita... magari ho tralsciato qualcosa?)

[Sampei89]

Be in questo caso dai al content un'altezza fissa:

Esempio

#content {height: 200px;}

Ovviamente all'id footer devi dare sempre position: relative;

[ricman]

Originariamente inviato da Sampei89
Ovviamente all'id footer devi dare sempre position: relative;

Non serve... di default è già relative

[fcaldera]

di default un elemento è static