redirects.css


Fenstergröße und Layout

Diese Datei legt Mindestmaße des body-Elements fest. Mittels Javascript wird das body-Element vergrößert, dass es das ganze Feenster ausfüllt.

Das Fenster ist in vier absolut positionierte "Kacheln" aufgeteilt: Links oben das Logo (ID div_logo), rechts oben das Titelfeld (ID div_title), links unten die Seitenleiste (ID div_side), rechts unten der Hauptinhalt (ID div_main).

Die anfänglichen Maße des Logo sind festgelegt, die anfänglichen Maße des Titelfeldes ergeben sich dagegen aus dem Inhalt. Javascript setzt die Höhen des Logo und des Titelfeldes beide auf das Maximum der anfänglichen Höhen und passt die Positionen der Seitenleiste und des Hauptinhalts an.

Seitenleiste

Auf der Seitenleiste soll lediglich ein Hintergrundbild zentriert angezeigt werden. Dabei sollen Abstände vom Bild zu den Kanten der Seitenleiste eingehalten werden. Ich nutze dazu ein verschachteltes div-Element (ID div_sideimg). Dieses nimmt horizontal zentriert 95% der verfügbaren Breite ein.