Verlauf fuer fakedColumn

[Oliver]

Hallo zusammen,

ich arbeite an einer Seite mit Footer (CSS basiert auf http://www.alistapart.com/articles/footers/) und einer HG-Grafik fuer die linke Menüspalte:

<!-- äußerstes div -->
<div class="page">
   <!-- alles weitere -->
   <div class="container">
   </div>
</div>

.page {
        position: relative;
 min-height:100%;
        width:1006px;
 margin:0px auto 0px auto;
        background: url(../img/bg_navi_lang.jpg) 0px 0px no-repeat;
}

.container {
 float:left;
        margin-bottom:30px;
        background: url(../img/bg_streifen.gif) 0px 0px repeat-y;
        position: relative;
}

page enthält eine nicht-kachelnde BG-Grafik mit vertikalem Farbverlauf für die Menüspalte. Diese Grafik wird unabhängig von der Seiten-/Fensterhöhe immer vollständig dargestellt (soll so sein, dafür muss sie eben zum äußersten Div gehören).

1. Problem: Wenn der Inhalt von container länger als die nicht-kachelnde BG-Grafik wird, hört diese natürlich nach x Pixeln auf. Die Spalte muss aber im letzen Farbton des Verlaufs beliebig fortgesetzt werden (Und ich möchte die VerlaufsGrafik nicht xtausend Pixel hoch machen).

Mein Ansatz: Dem container einen y-kachelnden Farbstreifen als HG-Grafik zuweisen, der nur sichtbar werden soll, wenn die Seite länger als die HG-Grafik von page wird.

2. Problem: Der HG von container liegt immer über dem von page und verbirgt so den Farbverlauf. Auch mit unterschiedlichen z-indizes habe ich das nicht umkehren können.

besten Dank für jeden Rat,
Oliver