Footer come minimo sempre in basso

[robynosse]

Ciao a tutti,

ho una pagina con:
<header>
<container>
<footer>

Come posso fare in modo che se il contenuto nel container fosse poco, (per non avere il footer troppo sopra, quasi attaccato all'header), ottenere che sia come minimo in basso alla pagina?
... ovviamente se i contenuti del <container> fossero tanti, il footer dovrebbe essere visibile solo scorrendo in fondo alla pagina!

Che linee devo seguire?

Spero di essere stato chiaro.

Grazie,
Roberto

[WottaFacca]

Puoi provare mettendo queste proprietà nello stile del footer, ma non fa precisamente come vuoi tu. Praticamente "blocca" il footer in fondo alla pagina, sia che il container sia più corto, sia che il container sia più lungo.

        bottom: 0;
        position: fixed;

Se usi questo metodo ti consiglio di aggiungere anche un padding-bottom:"altezza footer" ; nello stile del container, alto quanto il footer, così non viene "mangiato" un pezzo di container


Spero che ti vada bene così

WottaFacca

[ResianTaxidrive]

Guarda come risolvono qua
http://www.cssreset.com/demos/layout...age-with-css/#

In pratica hai un contenitore (con min-height:100% e position: relative) il quale contiene il footer che ha un posizionamento assoluto con bottom:0

Ricordati di mettere come padding-bottom del contenuto della pagina lo stesso valore dell'altezza del tuo footer così sei sicuro che il contenuto non vada a sovrapporsi al footer.