Ciao a tutti !!!
Dunque, io sto creando una pagina, con il seguente codice:
codice:
<body>
<div id="contenitore">
<div id="corpo">
<div id="elem1"> </div>
<div id="elem2"> </div>
</div>
<div id="footer"> </div>
</div>
</body>
e il seguente css:
codice:
body {
margin:0;
padding:0;
text-align: center;
}
#contenitore {
width: 1350px;
border: none;
margin: auto;
padding: 0;
height: 100% !important;
min-height: 200px;
}
#corpo {
width: 1350px;
margin: 0;
padding: 0;
position: relative;
}
#footer {
text-align: center;
width: 1350px;
position: absolute;
bottom: 0px;
}
#elem1 {
position: absolute;
left: 50px;
top: 100px;
}
In questo modo, però, mi viene il footer al fondo della finestra; se il contenuto è più alto della finestra, il footer mi viene mostrato comunque.
Io vorrei che il footer, invece, mi si agganciasse al fondo del #corpo, e che venisse mostrato solamente quando, con lo scroller, vado a fondo del documento.
Dove sto sbagliando ??
Grazie a tutti !!!