9.4 Zweispaltige Layouts mit festen Breiten

Problem

Es soll ein zweispaltiges Layout erstellt werden, bei dem die Spalten feste Breiten besitzen.

Lösung

Zu Beginn umgeben Sie die Inhalte mit div-Elementen. Diese haben id-Attribute, die hier zu Demonstrationszwecken auf die Positionierung der Elemente innerhalb der Seite verweisen (siehe Abbildung 9-7):

<div id="Kopfzeile">
 [...]
</div>
<div id="linkeSpalte">
 [...]
</div>
<div id="rechteSpalte">
 [...]
</div>
<div id="Fusszeile">
 [...]
</div>
Die Seite in der Standarddarstellung

Abbildung 9-7. Die Seite in der Standarddarstellung

Verwenden Sie nun die Eigenschaft float, und legen Sie die Breite der linken Spalte unter Verwendung einer absoluten ...

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.