✔ Basislayout will nicht mit IE!

[svennson]

Hi,
ich hab mal ein tabellenloses Basislayout wie hier in einem Tutorial erklärt geschrieben, allerdings komm ich auf den Teil für den Internetexplorer nicht so ganz klar.
Ich habs erst normal für den Firefox geschrieben und da sieht es auch so aus wie es soll.
Nur der blöde IE brauch ja wieder ne Extrawurst
Hier mein Code:

body{
background-color:#fff;
overflow:hidden
}

*htm body{
position:absolute;
width:100%;
height:100%;
border:0;
margin:0;
padding:0;
}

#top{
background-color:grey;
overflow:hidden;
position:absolute;
top:0;
left:0;
right:0;
height:125px;
z-index:1;
}

*html #top{
position:absolute;
top:0;
left:0;
border-top-width:0;
border-left-width:0;
border-right-width:0;
height:125px;
width:100%;
border-style:solid;
}

#left{
background:blue;
overflow:hidden;
position:absolute;
top:125px;
left:0;
bottom:0;
width:125px;
z-index:2;
}

*html #left{
position:absolute;
top:0;
left:0;
border-top-width:125px;
border-left-width:0;
border-bottom-width:0;
width:125px;
height:100%;
border-style:solid;
}

#right{
background-color:yellow;
position:absolute;
overflow:hidden;
top:125px;
right:0;
bottom:0;
width:125px;
z-index:3;
}

*html #right{
position:absolute;
top:0;
right:0;
border-top-width:125px;
border-left-width:0;
border-bottom-width:0;
width:125px;
height:100%;
border-style:solid;
}

#ground{
background-color:green;
position:absolute;
overflow:hidden;
left:125px;
right:125px;
bottom:0;
height:125px;
z-index:4;
}

*html #ground{
position:absolute;
bottom:0;
right:0;
border-bottom-width:0;
border-left-width:125px;
border-right-width:125px;
height:125px;
width:100%;
 border-style:solid; 
}

#center{
position:absolute;
overflow:auto;
top:125px;
left:125px;
right:125px;
bottom:125px;
}

*html #center{
position:absolute;
top:0;
left:0;
border-top-width:125px;
border-left-width:125px;
border-right-width:125px;
border-bottom-width:125px;
width:100%;
height:100%;
 border-style:solid;
}

Müsste dann die *html- Sachen berichtigen, aber weiss halt nicht genau was ich da beachten muss.
Hab zwar das Tutorial durchgelesen, aber wie ich es da verstanden habe sollte es so klappen.
Wäre net wenn mir jemand erklären könnte was ich da beachten muss, wenn ich das mit diesem Quirksmode mache.
Danke schonmal im Voraus.

MFG,
Sven

 

[svennson]

Hier nochmal ne leicht verbesserte Version:

body{
background-color:#fff;
overflow:hidden
}

*htm body{
position:absolute;
width:100%;
height:100%;
border:0;
margin:0;
padding:0;
}

#top{
background-color:red;
overflow:hidden;
position:absolute;
top:0;
left:0;
right:0;
height:125px;
z-index:4;
}

*html #top{
position:absolute;
top:0;
left:0;
border-top-width:0;
border-left-width:0;
border-right-width:0;
height:125px;
width:100%;
border-style:solid;
}

#left{
background:blue;
overflow:hidden;
position:absolute;
top:125px;
left:0;
bottom:0;
width:125px;
z-index:3;
}

*html #left{
position:absolute;
top:0;
left:0;
border-top-width:125px;
border-left-width:0;
border-bottom-width:0;
width:125px;
height:100%;
border-style:solid;
}

#right{
background-color:yellow;
position:absolute;
overflow:hidden;
top:125px;
right:0;
bottom:0;
width:125px;
z-index:2;
}

*html #right{
position:absolute;
top:0;
right:0;
border-top-width:125px;
border-right-width:0;
border-bottom-width:0;
width:125px;
height:100%;
border-style:solid;
}

#ground{
background-color:green;
position:absolute;
overflow:hidden;
left:125px;
right:125px;
bottom:0;
height:125px;
z-index:1;
}

*html #ground{
position:absolute;
bottom:0;
left:0;
border-bottom-width:0;
border-left-width:125px;
border-right-width:125px;
height:125px;
width:100%;
 border-style:solid; 
}

#center{
position:absolute;
overflow:auto;
top:125px;
left:125px;
right:125px;
bottom:125px;
}

*html #center{
position:absolute;
top:0;
left:0;
border-top-width:125px;
border-left-width:125px;
border-right-width:125px;
border-bottom-width:125px;
width:100%;
height:100%;
 border-style:solid;
}

Wäre net wenn jemand helfen könnte, müsst euch auch nur die Sachen wo *html vorsteht anschaun.

MFG,
Sven

 

[svennson]

Habs hinbekommen,
vielen Dank nochmal für die viele Hilfe

 

[Steffen Giers]

*rofl* Warum eröffnest du einen Thread obwohl du dir anscheinend selber helfen kannst? BTW so lernt man!