- Home
- Categorie
- Coding e Sistemistica
- Coding
- Allineamento assoluto a fondo pagina
-
Allineamento assoluto a fondo pagina
Come posso allineare in modo assoluto un div a fondo pagina tramite CSS? Ci ho provato ma mi si posiziona a fondo schermata iniziale e non a fondo pagina!
-
Strutturando il sito come
[HTML]
<div id="container">
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
[/HTML]
il CSS è
[HTML]
html, body {
height: 100%;
}div#container {
position: relative;
height: 100%;
}body>div#container {
height: auto;
min-height: 100%;
}div#footer {
position: absolute;
bottom: 0;
width: 100%;
clear: both;
}
[/HTML]
-
è il "clear: both;" che fa la differenza?
-
L'hai provato? Funziona?
-
Si a posto, grazie!