[CSS] problemi di visualizzazione con Explorer
Ciao a tutti!
Purtroppo oltre il 63% dei miei visitatori utilizza Explorer come browser, e questo mi porta notevoli problemi di visualizzazione del mio layout CSS, che sto modificando.
Allora, ecco la parte del codice del layout interessato:
Codice:
/* layout pagina */
#container {
width: 980px;
overflow: visible;
margin: 0 auto;
border: 0px;
padding: 0px;
}
#mainBackground {
position:absolute;
width:252px;
height:200px;
z-index:1;
top:0px;
margin-left:50px;
}
#cambiaStile {
padding-right:30px;
}
#menu {
position:absolute;
height: 135px;
width: 980px;
top: 110px;
z-index:2;
}
#contenuto {
width: 920px;
height: auto;
border: 2px solid #D9D9D9;
background-color:#FFFFFF;
margin-top: 200px;
margin-left: 27px;
margin-bottom: 10px;
padding-top: 40px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
Sembra tutto semplice, naturalmente! E lo č in effetti.
Praticamente, tutto il sito č contenuto nel div #container per darne le impostazioni generali, poi č posizionato il #menu e sotto il #contenuto dove finiscono i veri e propri contenuti.
Ora, con Safari e Firefox tutto ok. Con Explorer invece il contenuto slitta in su: il #contenuto praticamente si attacca al bordo superiore del browser (invece di distanziarsi dal bordo superiore di 200px come descritto), e si visualizza poi il menu nella sua posizione corretta ma sovrapposto al contenuto... perchč diamine fa cosė?!? Ho ricontrollato 100 volte, ma non IE non dovrebbe comportarsi affatto cosė!!!
Grazie per l'aiuto, ragazzi!
