Webdesign - Webseiten planen, gestalten - Free-Hack Library

Schritt für Schritt zur HTML-Seite mit Stylesheet
4.5.6 Schritt 6: Den Inhaltsbereich formatieren
Eine, wenn nicht sogar die flexibelste Möglichkeit, den Contentbereich
zu gestalten, besteht darin, die Container mit Hilfe
von „floats“ zu positionieren. Für ein dreispaltiges Layout wird
ein so genannter Wrapper verwendet, der es erlaubt 2 Spalten
aufzunehmen, die dann links und rechts schwebend positioniert
werden. Der Wrapper selber wird dann ebenfalls schwebend
positioniert (Abb. 4.5.6a).
Es ist wichtig, den schwebend positionierten Bereich am Ende
mit einem „clear“ wieder aufzulösen, um unerwünschten Nebeneffekten
vorzubeugen.
#columns {
padding: 0 18em 0 17em; /* Rückt den Contentbereich
der Spalten ein. */
}
TECHNISCHE
GRUNDLAGEN
4
Abb. 4.5.5a: Der die gesamte Seite umfassende
Container wurde formatiert
Abb. 4.5.6a: Die Positionierung von 3 Spalten
mittels float.
105