potrzebuję aby na stronie były 2 różne tła
html { background: url(images/00_tlo_top.png) center top no-repeat; padding: 0; margin-top: 0; } body { background: url(images/00_tlo_bottom.png) center bottom no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; margin-top: 0; font-size: 12px; color: #666666; }
Niestety takie rozwiązanie nie działa, w czym problem. Gdy tworzę diva z innym "z-index" przy "position: fixed;" tło zawsze jest na dole i nie przesuwa się razem ze stroną, gdy zrobiłem z absolute i ustawiłem pozycję od góry zawsze jest na tej samej wysokości (a treści na podstronach są różnej długości). Pozatym przy 100% szerokości pojawia się dolny pasek przewijania u musi być 99% i zostają paski bez tła po lewej i prawej stroni.
#bottom {position: absolute; z-index:0; width: 100%; height: 435px; top: 500px; background: url(images/00_tlo_bottom.png) center bottom no-repeat;}
Potrzebuję aby dolne tło "podchodziło" zawsze pod część diva z tekstem ale do określonej głębokości i aby przesuwało się wraz ze stroną w miarę przewijania.
P.S.
Przeszukałem kilka tematów na temat tła ale z podobnym problemem się nie zetknąłem.