[Brainbug80]

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:

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

[6uellerBelästigungspanda]

würd ein 3spaltiges layout eher mit float erstellen...

beziehungsweise was hat der #container für einen sinn??

[Armin]

intensivstation :: CSS Templates :: Templates

[Brainbug80]

Danke schonmal für eure Antworten!

@#container: der ist noch von copy-paste übrig geblieben. Hat also keine wirkliche Bedeutung.

@link: genau von der Seite hab ich die Vorlage.

Ich hab meinen Fehler gerade gefunden. In der mitte musste das position: absolute; raus und dann noch ein top: 0px; in den rechten Container.
Tja, so einfach kanns manchmal sein.