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

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