Flexibles 2-/3-Spalten Layout

[Knut]

Hallo, ich experimentiere ein wenig mit CSS und bin leider am verzweifeln mit folgender Aufgabe:

1. Ich möchte ein flexibles 2-/3-Spalten-Layout machen. Dabei sollen die linke und die rechte Spalte je 200 Pixel breit sein und die mittlere den Rest "auffüllen". Soweit so gut, dieser "Holy Grail" klappt.

2. Auf manchen Unterseiten möchte ich nun aber nur die linke und die mittlere Spalte verwenden, indem ich einfach das <div id="rightcontent">Inhalt</div> auf der Seite weglasse. Wieder soll hier die linke Spalte 200 Pixel breit sein und der Rest mit der ehemaligen mittleren ausgefüllt sein.

Mein Style-Sheet sieht bis 1. so aus:

#leftcontent {
  position: absolute;
  left:10px;
  top:107px;
  width:200px;
  background:#fff;
  border:1px solid #000;
  }

#centercontent {
  position: absolute;
  top: 107px;
  background:#fff;
  border:1px solid #000;
  margin-left: 220px;
  margin-right: 220px;
  }

#rightcontent {
  position: absolute;
  right:10px;
  top:107px;
  width:200px;
  background:#fff;
  border:1px solid #000;
  }

Hat jemand einen Vorschlag, wie ich das anstellen soll? Ist es überhaupt möglich?

Danke sehr im Vorraus!

[Gunnar Bittersmann]

Knut,

Hat jemand einen Vorschlag, wie ich das anstellen soll? Ist es überhaupt möglich?

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=Ja. http://de.selfhtml.org/css/layouts/mehrspaltige.htm@title=Ja.

Danke sehr im Vorraus!

Deine R-Taste prellt. ;-)

Live long and prosper,
Gunnar