Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dwa tła obrazkowe, góra i dół
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
zim00
Problem:
potrzebuję aby na stronie były 2 różne tła

  1. html {
  2. background: url(images/00_tlo_top.png) center top no-repeat;
  3. padding: 0;
  4. margin-top: 0;
  5. }
  6. body {
  7. background: url(images/00_tlo_bottom.png) center bottom no-repeat;
  8. font-family: Verdana, Arial, Helvetica, sans-serif;
  9. padding: 0;
  10. margin-top: 0;
  11. font-size: 12px;
  12. color: #666666;
  13. }


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.

  1. #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.
K0walD3sign
Z tym paskiem to dodaj parametr
Kod
overflow: hidden;

tam, gdzie ustawiasz 99%.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.