Direktnavigation

Weitere Infos

Sie lesen:
LB Teil 1 (2009)

Little Boxes Teil 1 (Cover)

Der Nachfolger:
Einstieg in CSS

Einstieg in CSS (Cover)

WordPress
2. Auflage

Einstieg in WordPress (Cover)

Beispielseiten

Inhaltsbereich

15.3 Ein einfaches dreispaltiges Layout

Eine dritte Spalte ist ebenfalls sehr einfach zu realisieren:

  • Die statische Spalte #textbereich bekommt auch auf der rechten Seite einen breiten Außenrand.
  • In diesen Rand wird ein dritter Bereich ebenfalls mit absoluter Positionierung platziert.

Im Browser sieht das dann ungefähr so aus:

Abbildung 15.2: Ein einfaches dreispaltiges Layout mit position: absolute
Abbildung 15.2: Ein einfaches dreispaltiges Layout mit position: absolute

Die Bereiche rechts und links außen sind absolut positioniert. Der weiße Textbereich in der Mitte ist nach wie vor im Flow und passt sich dem Browserfenster flexibel an:

Abbildung 15.3: Der mittlere Bereich passt sich dem Browserfenster an
Abbildung 15.3: Der mittlere Bereich passt sich dem Browserfenster an