CSS - anstelle von frames

[schnurzli]

so - habe jetzt mit etwas probieren anhand eurer tipps versucht, das hinzubekomen.

wenn man sich das ganze im mozilla ansieht, ist es so, wie gewünscht.

-> Link

im internet explorer sieht es zum fürchten aus.

hat jemand eine idee?

der css-code:


body {
margin: 0px;
}
div { padding:0; }
#head {
position: absolute;
top:20px;
left:20px;
width:97%;
height:60px;
border:1px solid #000000;
}
#main {
position: absolute;
top:100px;
bottom:70px;
left:20px;
right:20px;
width:auto;
height:auto;
}
#left {
position: absolute;
width:180px;
height:100%;
border:1px solid #000000;
}
#right {
position: absolute;
left:200px;
height:100%;
width: 84%;
border:1px solid #000000;
}
#foot {
position: absolute;
left: 20px;
right: 20px;
bottom:20px;
width:97%;
height:30px;
border:1px solid #000000;
}