Hiho,
ich bin gerade dabei ein 3-spaltiges Layout zu bauen, bei dem die mittlere Spalte eine dynamische Breite erhalten soll und die beiden anderen statisch sind.
Das klappt auch bisher einigermaßen gut, zumindest im Firefox. Der IE macht leider mal wieder Zicken.
Hier mal das zugehörige CSS:
Code:
body {
margin: 0px;
padding: 0px;
}
#container {
width: 100%;
height: 100%;
border: 1px solid silver;
margin: 0px;
padding: 0px;
}
#links {
position: absolute;
top: 0px;
left: 0px;
width: 150px;
height: 500px;
background-color: #172880;
z-index: 2;
margin: 0px;
padding: 0px;
}
#mitte {
position: absolute;
margin-left: 150px;
margin-right: 130px;
height: 400px;
background-color: #172880;
z-index: 1;
padding: 0px;
}
#rechts {
position: absolute;
right: 0px;
width: 130px;
height: 500px;
border: 1px solid red;
z-index: 2;
margin: 0px;
padding: 0px;
} Im Internetexplorer wird das margin-left der mitte erkannt und richtig interpretiert. Das margin-right hingegen wird völlig übergangen. Stattdessen werden die 150px vom margin-left noch rechts an die Breite des Containers drangehangen und damit ein Scrollbalken erzwungen.
Die rechte Spalte wird dadurch auch noch überschrieben, was nicht Sinn der Sache ist.
Vielleicht kann mir einer von euch ja helfen. Sollte eigentlich nicht soooo das gorße Problem sein, oder? ;)