Layout über CSS

Im Grunde genommen lässt sich die Mehrzahl der Websites in einer der folgenden Layout-Varianten einordnen. Wir haben also klassische Layout-Varianten:

das 1-spaltiges Layout, in dem nach der Kopfbereich eine Zeile für die Steuerung kommt
das 2-spaltige Layout, in der in einer Spalte die Steuerung und in der zweiten Spalte der Inhalt kommt (dabei ist meistens die Steuerung links)
das 3-spalten-Layout, in der neben Steuerung und Inhalt in der dritten Spalte nochmals Inhalt, oder weitere Informationen oder Werbung kommt

Meistens wird das Layout unten von einer Fußzeile abgeschlossen.

die verschiedenen Layoutvarianten von Websites

Jetzt gibt es noch als Spielvarianten, dass das Layout eine festgelegte Bereite hat und

linksbündig ausgerichtet
zentriert ist
rechtsbündig ist extrem unüblich

Die Königsklasse ist die Website mit flexibler Breite, die je nach Browsergröße den vorhandenen Platz nutzt.

Diese verschiedenen Möglichkeiten für ein Design wollen wir nun in ein CSS-Layout überführen und das bisherige CSS-Wissen zusammenfügen und aus den Putzelteilen eine Website erstellen.

Kaskaden und Spezifität Layout mit Kopf und Fußbereich

HTML5-Video-Kurs:
hier klicken für
mehr Informationen

weitere eigene Projekte:

Programmiersprachen

Bildbearbeitung & Fotografieren

MS Office Kurs / Ernährung