html-php.de

HTML & CSS Stylesheets Referenz JavaScript PHP MySQL Sonstiges Gästebuch Inhalt Impressum

[ Layouts ] [ Nr. 1 - Fixe Position ] [ Nr. 2 - Fixe Position ] [ Nr. 3 - Absolute Position ] [ Nr. 4 - 3-Spalten-Layout ] [ Nr. 5 - Fixe Navigation ]

Layouts mit CSS

Auf dieser Seite möchte ich Ihnen einige Layouts zeigen, die mit Hilfe von CSS erstellt wurden.

Layout 1 - Fixe Position

Dieses Layout enthält fixe Positionen. Der Kopf, die Navigation und die Fusszeile sind immer sichtbar. Der Content-Bereich kann vertikal gescrollt werden.
Der Nachteil dieses Layout ist, dass es nicht möglich ist, horizontal zu scrollen, wenn der Inhalt über den rechten Bildschirmrand hinausragt.
Download ZIP
Anzeigebeispiel
CSS-Datei

Layout 2 - Fixe Position

Layout 2 Dieses Layout ist ähnisch wie das erste Layout, nur wurde die Navigation in den Kopf eingebaut. Der Kopf und die Fusszeile sind immer sichtbar. Der Content-Bereich kann vertikal gescrollt werden. Der Nachteil dieses Layout ist, dass es nicht möglich ist, horizontal zu scrollen, wenn der Inhalt über den rechten Bildschirmrand hinausragt.
Download ZIP
Anzeigebeispiel
CSS-Datei

Layout 3 - Absolute Position

Layout 3 Dieses Layout hat eine feste größe, und wird mittig vom Bildschirm dargestellt.
Download ZIP
Anzeigebeispiel
CSS-Datei

Layout 4 - Drei-Spalten-Layout

Layout 4 Dieses Layout hat eine Kopf- und eine Fußzeile. Der mittlere Bereich besteht aus drei Spalten; einer Navigation, einer News-Box und der Inhalt.
Download ZIP
Anzeigebeispiel
CSS-Datei

Layout 5 - Fixe Navigation

Layout 5 Das besondere an diesem Layout, ist die Navigationsleiste, die nicht mitgescrollt wird.
Download ZIP
Anzeigebeispiel
CSS-Datei