Div-Elemente richtig positionieren, schützen

[bianca]

Hallo,
ich habe das Problem, dass ich auf meiner Web-Seite zwei Grafiken (ein waagerechter und ein senkrechter Balken) nur unter der Verwendung von DIVs darstellen möchte.

Das Layout sollte dann so aussehen:

..................
Grafik           .
---------------  .
              |  .
              |  .
  Inhalt      |Grafik
              |  .
              |  .
              |  .
..................

Leider habe ich das Problem, dass ich zwar den waagerechten Balken und auch den senkrechten Balken richtig positionieren kann, jedoch beim Scrollen des Inhaltes der senkrechte Balken nicht bis nach unten resized wird.

Also ungefähr so..

.................
              | .
              | .
              | .
  Inhalt      |Grafik
                .
                .
                .
.................

Hat vielleicht jemand eine Idee, wie ich das Div-Element, welches den senkrechten Balken enhält, automatisch beim Scrollen resize'n kann?

Ein weiteres Problem ist, dass beim Resize des Fensters der senkrechte Balken über den Inhalt des Fenster drüberrutscht und ihn überdeckt.

.........
      | .
      | .
      | .
  Inha|Grafik
        .
        .
        .
.........

Kann man hier den Inhalt-Div nicht irgendwie davor schützen überdeckt zu werden. Also so wie man das bei Tabellen kennt.

Ich hoffe, ich habe hier deutlich dargestellt, worum es mir geht und würde mich freuen, wenn mir jemand einen kleinen Tipp geben könnte.

Gruß
Bianca