Harlequin: Grundlayout im ganzen Bildschirm

Beitrag lesen

Yerf!

Was wird nun empfohlen?

CSS sollte das Mittel der Wahl sein. Das Problem an dieser Stelle ist auch nicht, dass die Grenzen von CSS erreicht sind. Jeder halbwegs gute Browser kann mittels position:fixed und Angabe der Eckpunkte deiner Boxen das Layout problemlos umsetzen. Leider benutzt die Mehrheit der Leute ein "Ding"[1], dass selbst in der aktuellen Version absolut unfähig ist mit CSS vernünftig umzugehen...

Evtl. klappt aber folgendes:

<body>
<div id="header"></div>
<div id="scroll">
<div id="navi"></div>
<div id="content"></div>
</div>
</body>

Den header absolut positionieren mit top:0 und height:100px (evtl noch mit z-index:2). Scroll wird 100% hoch und bekommt overflow:auto. navi floatet links und bekommt ebenso wie content ein paddin-top von 100px (oder etwas mehr). Das sollte eigentlich den gewünschten Effekt ergeben, mit der Ausnahme, dass die Scrollbar über die Volle Höhe geht.

Gruß,

Harlequin

[1] leider hat das W3C nicht die Möglichkeit dagegen zu klagen, damit der IE endlich mal eingestampft wird. Bei Sun/Java hats ja geklappt.

--
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->