[css] background x 2, 2 różne tła dla jednej strony Opcje

[p_rzemon]

Witam

potrzebuję 1/2 strony wypełnić tłem gdzie kreski układają się w sposób ////
a drugą połowę strony wypełnić kreskami odwróconymi \\\\

sama strona będzie wycentrowana

jak zrobić takie tło żeby przy zmianie rozdzielczości nie było problemów.

[grzesiek_g]

[HTML] pobierz, plaintext 
<div id="container">
    <div id="container2">
        <!-- tresc strony -->
    </div>
</div>
[HTML] pobierz, plaintext 

i css:

[HTML] pobierz, plaintext 
#container {background:url(sciezka/do/obrazka1) repeat-x top;}
#container2 {widht:100%;float:left;background:url(sciezka/do/obrazka2) repeat-x bottom;}
[HTML] pobierz, plaintext 

To rozwiązanie prostsze, ale musisz utworzyć obrazki o odpowiedniej wysokości i nie jest odporne na różne rozdzielczości.

Inne rozwiązanie to pozycjonowanie absolutne:

[HTML] pobierz, plaintext 
<div id="container"></div>
<div id="container2"></div>
<div id="strona">
    <div id="main">
        <!-- tresc -->
    </div>
</div>
[HTML] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
#container {
background:url(sciezka/do/obrazka1) repeat;
width:100%;
height:50%;
top:0;
left:0;
position:absolute;
}
#container2 {
widht:100%;
height:50%;
background:url(sciezka/do/obrazka2) repeat;
bottom:0;
left:0;
position:absolute;
}
#strona {
position:absolute;
top:0;
left:0;
z-index:100;
width:100%;
}
#main {
width:900px; /*tutaj zmień sobie*/
margin:0 auto;
}
[HTML] pobierz, plaintext