Chris: DIV mit variabler Höhe (Content/Seitenhöhe)

Beitrag lesen

Hallo zusammen!

Bei mir ist folgendes Problem aufgetreten und ich habe leider im Archiv keine Lösung gefunden:

Ich verwende folgenden div-layer, um meine Seite quasi in zwei Hälften zu teilen:

<div style="position:absolute; top:0px; left:375px; height:100%; width:1px; background-color:#FFFFFF;"><IMG SRC="spacer.gif" WIDTH=1 HEIGHT=1></div>

Das div ist also wirklich nur dazu da, meine Seite optisch in zwei Teile zu splitten. Soweit so gut. Mein Problem ist jedoch, daß dieser weiße Streifen (also das div) sich über die komplette Seitenhöhe erstrecken soll. Das tut er auch, solange der Text kurz genug ist, um keine Scrollbalken hervorzurufen. Tauchen diese aber auf, hört beim scrollen nach unten dann der weiße Strich plötzlich auf, weil die 100% Höhe sich ja nur auf die angezeigte Seite beziehen und nicht auf die komplette Texthöhe.

Kann mir da jemand helfen? Der Trennstreifen soll mindestens so hoch wie das Fenster sein (sofern der Content nicht höher als das Fenster ist). Ist der Content höher als das Fenster, soll der Trennstreifen so hoch wie der Content sein.

Als Hintergrundgrafik kann ich das leider nicht machen, da der Streifen vor dem Content liegen muß. Auch nicht als Tabellenspalte, da ich den COntent ebenfalls mit divs positioniere.

Und so ganz nebenbei ;-): Wie schaffe ich es denn, die komplette Seitenbreite zu nutzen, ohne daß auch ein horizontaler Scrollbalken erscheint, wenn ein vertikaler benötigt wird?

Schon mal danke für die Hilfe.

Gruß
Chris