7 kostenlose 3-spaltige CSS-Layouts von CSSplay

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

7 kostenlose 3-spaltige 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.

Hier gehts zur Webseite: CSSplay
Hier gehts zum Artikel: „3 Spalten – 7 Varianten“

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
CSS-Layout 1: Flexible - Flexible - Flexible

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

CSS-Layout 2: Fix – Flexible – Fix
CSS-Layout 2: Fix - Flexible - Fix

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

CSS-Layout 3: Fix – Fix – Flexible
CSS-Layout 3: Fix - Fix - Flexible

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

CSS-Layout 4: Flexible – Fix – Fix
CSS-Layout 4: Flexible - Fix - Fix

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

CSS-Layout 5: Fix – Flexible – Flexible
CSS-Layout 5: Fix - Flexible - Flexible

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

CSS-Layout 6: Flexible – Fix – Flexible
CSS-Layout 6: Flexible - Fix - Flexible

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

CSS-Layout 7: Flexible – Flexible – Fix
CSS-Layout 7: Flexible - Flexible - Fix

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

Hier gehts zur Webseite: CSSplay
Hier gehts zum Artikel: „3 Spalten – 7 Varianten“
Tweet about this on TwitterShare on Google+0Share on Facebook0Email this to someone

Schreib einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *