Layouts mit CSS
Auf dieser Seite möchte ich Ihnen einige Layouts zeigen, die mit Hilfe von CSS erstellt wurden.
HTML & CSS Stylesheets Referenz JavaScript PHP MySQL Sonstiges Gästebuch Inhalt Impressum
Auf dieser Seite möchte ich Ihnen einige Layouts zeigen, die mit Hilfe von CSS erstellt wurden.
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
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
Dieses Layout hat eine feste größe, und wird mittig vom Bildschirm dargestellt.
Download ZIP
Anzeigebeispiel
CSS-Datei
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
Das besondere an diesem Layout, ist die Navigationsleiste, die nicht mitgescrollt wird.
Download ZIP
Anzeigebeispiel
CSS-Datei