Stefan Einspender: schwierige Layoutumsetzung

Beitrag lesen

Hallo ForumsleserInnen,

Voraussetzung:
Ein Browser mit bestmöglicher CSS-Unterstützung derzeit, keine Ver-
wendung von Frames oder Tabellen sowie Realisierung ohne JavaScript.

Pressefoto:
 ___________________________
|   ___   _______________   |
|  |   | |               |  |
|  | a | |               |  |
|  |___| |               |  |
|        |               |  |
|        |               |  |
|        |       b       |  |
|        |               |  |
|        |               |  |
|        |               |  |
|        |_______________|  |
|___________________________|

Pflicht:
Zentriert auf der Seite befinden sich zwei DIV-Bereiche a und b, bei
a handelt es sich um die Navigation, b ist der eigentliche Inhalts-
bereich. Beim Scrollen bleibt a an seinem Platz (position:fixed;),
während b ganz normal gescrollt wird. Beide Bereiche haben jeweils
eine feste Breite (z.Bsp. 175 bzw. 525 Pixel) und sind, wie schon
gesagt dann horizontal auf der Seite zentriert (bei 1000 Pixeln
Fensterbreite bleiben links und rechts jeweils 150 Pixel frei).

Kür:
Bei einem zu kleinen Browserfenster (wenn ein Zentrierung nicht mehr
möglich ist) behält nur a seine Festbreite, b passt sich, soweit wie
möglich, an. Natürlich sind dem Grenzen gesetzt aufgrund der Inhalte
von a.

Aufgabe:
Wer schafft es, zumindest das Pflichtprogramm zu absolvieren? Wer
auch noch die Kür bewältigt, könnte glatt eine 10,0 einheimsen,
was in diesem Fall eine dauerhafte Erwähnung auf Favicon.de be-
deutet. Ich hoffe auf kompetente Teilnehmer :-)

Viele Grüße,
Stefan