dynamischen balken realisiere

[Elya]

Hallo anian ,

das ist kein problem, den hab ich mit css so positioniert, dass er egal wie gross das fenster ist, immer  mittig ist.

er hat also auch eine feste Höhe?

nun will ich aber vom linken rand des browserfensters bis hin zum anfang des kontent-containers einen einfarbigen balken realisieren, der halt mit der fenstergröße mitwächst oder eben schrumpft.

ich hab an eine lösung der art gedacht, dass ich ein gif mache, das die  höhe des containers und die breite 1 hat und dass dan hintereinander gereiht wird. hab aber  keine idee, wie ich das machen soll.

Es könnte so gehen: nimm ein sehr breites Hintergrundbild mit genau der Höhe des Containers. Teile es so zweifarbig auf, wie ich das mit http://www.greenjolly.de gemacht habe. Dann positioniere es als Hintergrundbild mit

  
body {       background-image:url(background.png);  
             background-repeat:no-repeat;  
             background-position: center 200px;  
  
    }  

wobei die 200 Pixel bei background-position dem Wert entsprechen sollten, den Du für die vertikale Positionierung des mittigen divs gewählt hast.

Das ganze setzt natürlich voraus, daß Dein Content-Container nicht transparent ist, er sollte mit seiner Hintergrundfarbe den überlappenden Teil des Hintergrundbildes verdecken.

Gruß aus Köln-Ehrenfeld,

Elya