Alle hier gezeigten Layouts basieren vom Grundsatz her auf A superb 3-col tableless layout von Big John, einer der führenden Köpfe und Wegbereiter im CSS Bereich.

Auf seiner Seite Position Is Everything finden Sie Anregungen und interessante Details zu CSS.

Z.B. ein Layoutgenerator: CSS Source Ordered Variable Border 1-3 Columned Page Maker by ClevaTreva Designs

hier einige Layout-Beispiel: Position is Everything Layout Examples

- hat mit seiner Seite CSS tests and experiments by Bruno Fassino den Weg für die hier gezeigten Layouts geöffnet.

Die folgenden Layouts stammen von Beispielen dieser Seite ab und basieren auf der “Piefecta”-Technik:

• 2 Spalten, feste Breite - V1
• 2 Spalten, feste Breite - V2
• 3 Spalten, feste Breite - V1 (links/rechts identischer Hintergurnd)
• 3 Spalten, feste Breite - V2 (links/rechts unterschiedlicher Hintergrund)
• 2 Spalten, var. Breite rechts - V1
• 3 Spalten, variable Breite - V1 (links/rechts identischer Hintergurnd)

Eine recht variable Zusammenstellung (fast ein Generator) von Layouts ist hier zu finden:

• various 3 columns layouts, no faux columns
• various 3 columns layouts with faux columns