Einzelnen Beitrag anzeigen
  #1  
Alt 04.10.06, 15:46
Brainbug80 Brainbug80 ist offline
Forum Aktivist
 
Registriert seit: 29.06.06
Alter: 28
Beiträge: 74

3-spaltiges Layout macht im IE Zicken


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? ;)

Geändert von Brainbug80 (05.10.06 um 09:24 Uhr).
Mit Zitat antworten
TYPO3forum.net empfiehlt den T3N Testsieger: Bestes Preis-Leistungs-Verhältnis (Ausgabe 12/2008)