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>