Problem z DIV-ami i tłem.

0

Witam ponownie, tym razem mam problem z divami, dokładniej, mam jednego i w nim 3 kolumny.
Kolumna lewa i prawa mają po 100px a środkowa 500px.
Lewa i prawa kolumna mają swoje tło obrazkowe (szerokość 100 a wysokość 500). Niestety nie umiem sformatować diva tak, by powielał tło tylko w pionie oraz był "zatrzymany" (bez scrolla). Aktualnie na tym co mam w ogóle tło się nie wyświetla. A znów jak nadam powiedzmy 1000px wysokości, to tło się wyświetla i powiela, ale treść jest krótsza niż 1000px to psuje wygląd.
Chciałbym, by strona wyglądała tak:


|[][][]///XXXX\[][][]|
|[][][]///XXXX\[][][]|
|[][][]///XXXX\[][][]|

[] - tło całej strony
/// - kolumna lewa i prawa
XXX - treść strony (może wystawać za ekran, ale tylko ten div będzie się "przeiwjać"

tyle ile mam, plik css:

#strona {
    width:700px;
    height:inherit;
    background-color:#a3a3a3;
    position:relative;

}

#lewa {
    width:100px;
    height:inherit;
    background-image:url(obrazki/lewa.png);
    float:left;
    position:relative;
}

#prawa {
    width:100px;
    height:100%;
    position:fixed;
    background-image:url(obrazki/prawa.png);
    background-attachment:fixed;
    float:left;
    position:relative;
}

#srodek {
    width:500px;
    height:100%;
    background-color:#FFF;
    float:left;
    position:relative;
}

Plik index wygląda tak:

<div id="strona">
<div id="lewa"></div>
<div id="srodek">
aaaaaaaaaaa<br />
</div>
<div id="prawa"></div>
</div>
1

Słowa kluczowe, których szukasz:
min-height
background-repeat: repeat-y;
overflow: hidden;

0

Troszkę się pobawiłem, i oto co mam aktualnie:

http://lime-design.aserw.pl/testing/

W zasadzie osiągnąłem zamierzony efekt, ale jedna rzecz mi przeszkadza. Widać na powyższym przykładzie. Na jednej stronie, strona ma overflow hidden a przewijać można tylko środkową część - czyli zawartość. Nie podoba mi się jednak to, że pasek jest w tej ramce jak również mając myszkę poza obszarem zawartości, nie przesuniemy tej zawartości.

Czy jest więc opcja, by pasek przewijania był na stronie po prawej całkiem ale by przesuwało tylko środkową kolumnę ?
Dodam, że background attachment nie wchodzi w grę, gdyż tło w lewej i prawej kolumnie będzie źle wyświetlane.

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0