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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.