Devo mettere un footer a piè di pagina e sto realizzando il layout con i css.
Il problema da risolvere è che questo footer deve stare a fondo pagina se i contenuti entrano nell'altezza del video, invece si deve spostare più in basso qualora i contenuti richiedessero uno scroll verticale.
In questo articolo http://www.html.it/layout_css/layout_css_15.htm
si realizza questo effetto sfruttando le regole position:absolute e position:relative su alcuni container.
Io invece ho fatto così:
codice:html,body{margin: 0;padding:0;height:100%;} #main { width:100%; height:100%; text-align:left; } #content { padding: 0 1.5em 5em; } #header { height:30px; background-color:#999999; } #footer { background-color:#999999; bottom:0; width:100%; height:30px; }
Questo è il codice html
testato con ie6 e firefox 1.5 funziona correttamente anche quando il testo eccede l'altezza del video.codice:<body> <div id="main"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> </body>
Dato che mi pare un procedimento molto più semplice e snello rispetto a quello presentato nell'articolo, mi è venuto il dubbio che ci possa essere qualche controindicazione o che possa aver trascurato qualche aspetto.
Che ne dite?
Rispondi quotando
