9.3 Zweispaltige Layouts

Problem

Es soll ein zweispaltiges Layout erstellt werden, bei dem sich die Spaltenbreiten an der Breite des Browserfensters orientieren, wie in Abbildung 9-2 gezeigt.

Lösung

Strukturieren Sie zunächst den Inhalt mit div-Elementen. Versehen Sie diese mit id-Attributen und passenden Werten (siehe Abbildung 9-3).

Ein mit CSS erstelltes zweispaltiges Layout

Abbildung 9-2. Ein mit CSS erstelltes zweispaltiges Layout

Die Standarddarstellung der Seite

Abbildung 9-3. Die Standarddarstellung der Seite

Zu Demonstrationszwecken benutzen wir hier für die id-Attribute Werte, die der Position im CSS-Layout entsprechend. ...

Get CSS Kochbuch now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.