Div ebene anpassen.

[Michael Mayer]

Tach auch, ich habe da ein kleines problem und hoffe mir kann geholfen werden:

Ich habe eine Website bestehend aus Div layern:

--------------------------
TOP
--------------------------
|LEFT|         MAIN
|    |
|    |
|    |
|    |
|    |
|    |
|    |
|    |
-------------------------
BOTTOM
-------------------------

so nun will ich, dass left und main von der höhe her sich automatisch dem browserfenster anpassen (Main enthält eine iframe). Bottom soll natürlich weiterhin am unteren Rand erscheinen. Das hat soweit auch ganz gut geklappt mit hilfe eines Javascripts, dass die erforderlich höhe von MAIN und LEFT errechnet:

function GetMainHeight() {
if (navigator.appName=="Microsoft Internet Explorer") {

Xheight=document.getElementsByTagName('html')[0].offsetHeight;
}
else{
xheight=window.innerHeight;
}
MainHeight=Xheight-165;
document.getElementById("left").style.height=MainHeight;
document.getElementById("main").style.height=MainHeight;
document.getElementById("bottom").style.top=Xheight-40;
}

So nun zu meinem Problem:

Da der Microsoft IE nix mit window.innerHeight anfangen kann seht ihr oben eine speziell für dieses Übel geschriebene Zeile:
Xheight=document.getElementsByTagName('html')[0].offsetHeight;

das funktioniert auch. So:

jetzt kommt ein User mit einem Operabrowser der sich standardmäßig als IE identifiziert, und der Operabrowser kann mit der Zeile für den IE garnix anfangen und meine page ist beim Teufel :(

Hat einer ne lösung anzubieten evtl. wie das ganze nur mit reinem CSS möglich ist ?