Layout via CSS-Box-Modell II: Beispiele

Es gibt eine Reihe von Möglichkeiten, Websites per CSS zu layouten, die folgende Liste zeigt nur einen kleinen Ausschnitt der potentiellen Möglichkeiten:

Zweispaltiges Layout mit float
und flexibler Breite
So sieht's aus

Zweispaltiges Layout mit float
linke Spalte aber mit fixierter Breite und vertikal gekacheltem Hintergrundbild
So sieht's aus

Dreispaltiges Layout mit float
und flexibler Breite
So sieht's aus

Dreispaltiges Layout mit float
und flexibler Breite und Kopfzeile
So sieht's aus

Dreispaltiges Layout pixelgenau, fest
und fixierter Breite und Kopfzeile, gut geeignet bei starkem Grafik-Einsatz
So sieht's aus

 

 

 
Weiterführende Links
Hinter den folgenden Verweisen verbergen sich weitere Lösungen von strukturell einfach bis komplex:

http://www.positioniseverything.net/

http://css-discuss.incutio.com/?page=ThreeColumnLayouts

http://www.meyerweb.com/eric/css/

Scripte für CSS-Switcher (Button zum Wechseln des der Seite hinterlegten CSS-Dokuments mit dem Ziel einer anderen, neuen Darstellungsform):

http://www.alistapart.com/articles/n4switch/

CSS-Experimental-Website die die Flexibilität von CSS deutlich macht. der Content ist immer der selbe, nur das CSS kann getauscht werden:

http://www.csszengarden.com/