Weitere Infos

Sie lesen:
LB1 (2009)

Little Boxes Teil 1 (Cover)

Diese Website ist von 2009 und wird nicht mehr gepflegt. Die Informationen sind zum großen Teil also wirklich veraltet.

Aktuelle Infos finden Sie hier:

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