7 Free CSS 3-Column-Layouts – CSS Layouts von CSSplay

Der ‘CSS-Guru’ Stu Nicholls von CSSplay stellt in seinem Artikel ‘Three Columns – Seven choices’ 7 der am häufigsten nachgefragten 3-spaltigen CSS-Layouts vor.

Die 7 CSS-Layouts beinhalten keine Grafiken, sondern werden alleine durch den Einsatz von Hintergrund-Farbe (background-color) formatiert.
Die 3 Spalten behalten in allen 7 CSS-Vorlagen immer die gleiche Höhe, ganz egal, wieviel Text/Content auch immer eingefügt wird.

Die vorgestellten Beispiele wurden in folgenden Browsern erfolgreich getestet: IE8, IE9, und in den aktuellen Versionen von Firefox, Opera, Safari und Google Chrome.

Grafik-Vorschau – 7 CSS-Beispiele ansehen

[Um die einzelnen CSS-Layouts anszusehen, klicken Sie bitte auf die Grafik oder aber auf den darunter befindlichen Link!]

CSS-Layout 1: Flexible – Flexible – Flexible

http://www.cssplay.co.uk/layouts/flexible-3column.html

CSS-Layout 2: Fix – Flexible – Fix

http://www.cssplay.co.uk/layouts/flexible-3column-fix-flex-fix.html

CSS-Layout 3: Fix – Fix – Flexible

http://www.cssplay.co.uk/layouts/flexible-3column-fix-fix-flex.html

CSS-Layout 4: Flexible – Fix – Fix

http://www.cssplay.co.uk/layouts/flexible-3column-flex-fix-fix.html

CSS-Layout 5: Fix – Flexible – Flexible

http://www.cssplay.co.uk/layouts/flexible-3column-fix-flex-flex.html

CSS-Layout 6: Flexible – Fix – Flexible

http://www.cssplay.co.uk/layouts/flexible-3column-flex-fix-flex.html

CSS-Layout 7: Flexible – Flexible – Fix

http://www.cssplay.co.uk/layouts/flexible-3column-flex-flex-fix.html

Ähnliche Artikel:

1. 4 kostenlose CSS Menüs (Dropline) von Stu Nicholls
2. 3 kostenlose CSS Menüs (Flyout) von Stu Nicholls
3. 5 kostenlose CSS Menüs zum freien Download
4. Meine neuesten Tweets: Heute für den 23. Mai 2010
5. 8 kostenlose horizontale CSS-Menüs im Grunge Style (Set 2)