Osservate questo codice su FireFox:
Codice PHP:
<html>
<head>
<style>
body {
margin: 0px; padding: 0px;
}
#container {
position: absolute;
width: 100%; height: 100%;
background-color: #ABCDEF;
}
#header {
position: absolute;
top: 0px; right: 0px; left: 0px;
width: 100%; height: 120px;
background-color: #BCDEFF;
}
#menu {
position: absolute;
top: 120px; left: 0px; bottom: 47px;
width: 198px; height: auto;
background-color: #AABCDE;
}
#main {
position: absolute;
top: 120px; right: 0px; bottom: 47px; left: 198px;
overflow: auto;
background-color: #ABCCDE;
}
#footer {
position: absolute;
right: 0px; bottom: 0px; left: 0px;
width: 100%; height: 47px;
background-color: #DDDDDD;
}
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="menu"></div>
<div id="main">parola1
parola2</div>
<div id="footer"></div>
</div>
</body>
</html>
Cosa diavolo dovrei cambiare, affinchè IE mi visualizzi la pagina allo stesso modo?
1) Scrollbar in main
2) Menu disegnato fino al footer [e non solo un pezzo].
3) Il main che deve partire da 198px a sinistra.
Grazie a tutti.
Ps. Se vi è più comodo la pagina l'ho messa qua.