Harmonie 01

Ein harmonisches Design -Variante 01

Dieses harmonische Design wird komplett mit <div>-Layern und CSS gestaltet. Es besteht aus Kopf, Inhalt und Fuss.

Der Inhaltsbereich ist in drei Spalten unterteilt:

In der linken Spalte befindet sich die Navigation mit einer festen Breite.
In der mittleren Spalte befindet sich der eigentliche Textbereich. Dieser Textbereich hat eine veränderliche Breite, der sich der Größe des Browserfensters anpasst.
In der rechten Spalte können zusätzliche Informationen angezeigt werden. Man kann zum Beispiel Bilder einfügen, die auf andere Seiten verlinkt sind.

Das Design wurde mit dem Internet-Explorer, Firefox und Opera getestet.

abstandxx.png ist 900x18 Pixel groß und wird mehrfach zur Unterteilung der Hauptbereiche verwendet.

kopfbildxx.gif ist ein kleines Logo, dass oben rechts platziert ist. Es ist 300x100 Pixel groß.

montagebildxx.jpg ist 750x80 Pixel groß.

navihgxx.png dient als Hintergrund für die Menüpunkte. Das Bild ist 250x50 Pixel groß.

Alle anderen Grafiken (in der rechten Spalte) sind lediglich Beispiele. Sie haben eine Breite von 200 Pixel.