Ciao a tutti !!!
Dunque, io sto creando una pagina, con il seguente codice:
e il seguente css:codice:<body> <div id="contenitore"> <div id="corpo"> <div id="elem1"> </div> <div id="elem2"> </div> </div> <div id="footer"> </div> </div> </body>
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.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; }
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 !!!
Rispondi quotando
