Problema CSS frame su Explorer
Salve a tutti,
ho costruito una pagina usando un CSS layout che simula top e left frame. Ho ingrandito il frame superiore per metterci il logo e il titolo, non ho nessun problema su Opera e Firefox, ma su Explorer il testo del maincontent si sovrappone al frame superiore.
Proverò a spiegarmi con delle immagini:
Firefox - Opera
http://f.imagehost.org/t/0993/blog1.jpg
Explorer:
http://f.imagehost.org/t/0642/Blog2.jpg
Il codice che ho usato per creare i frame è il seguente:
Citazione:
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}
#framecontentLeft, #framecontentTop{
position: absolute;
top: 0;
left: 0;
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: black;
}
#framecontentTop{
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 240px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: black;
}
#maincontent{
position: fixed;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
top: 240px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto;
}
.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}
* html body{ /*IE6 hack*/
padding: 120px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}
* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}
* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}
Smanettando con le misure del topframe non cambia nulla, Explorer continua a sovrapporlo al maincontent. :crycry::crycry::crycry::crycry:
EDIT: Cacchio ho sbattuto tutta la notte su questo problema, e l'ho risolto 5 minuti dopo aver aperto questo topic LOL.
Bastava cambiare il padding in una delle voci. Scusate.