ciao, ho un problema un po' particolare: ho la necessità di avere come primo elemento nel flow dell'html un div che deve però essere visualizzato in fondo alla pagina (per ottimizzare il posizionamento nei motori di ricerca); ho letto un po' di articoli e sono riuscito a farlo utilizzando position:relative per il container e position:absolute per il footer, cioè il codice è questo:
layout:
CSS:<body>
<div id="container">
<div id="footer"> //questo va in fondo
</div>
<div id="header">//questo va in cima
</div>
</div>
</body>
Con Firefox e Opera funziona, con IE no, si sistema solo se aggiorna la pagina; se navigo all'interno del sito ogni volta che cambio pagina mi ritrovo il footer in mezzo al testo. C'è un modo per forzare explorer a leggerlo correttamente o un'altra soluzione coi css per fare la stessa cosa?#container {
width:100%;
border:0px solid #C00;
margin:0px 0px 0px -2px;
padding:0px 0px 0px 0px;
float:left; clear:both;
position:relative;
}
#footer {
float:left; clear:both;
width:100%;
bottom:0;
}
ho provato anche ad inserire il footer prima di #container ma lo mette a lato nonostante il clear:both e nonostante abbia eliminato il posizionamento assoluto.
help pls