Forum PHP.pl > [HTML][CSS] Tło body w topie i stopce rozciągniete

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] Tło body w topie i stopce rozciągniete

slawoo

20.10.2009, 17:42:28

Witam,

Projektuję właśnie stronkę na divach i natknąłem się na problem.
Chcę mianowicie uzyskać motyw rozciągniętego topu oraz stopki od lewej krawędzi ekranu do prawej bez względu na rozdzielczość.
Sama stronka ma mieć szerokość 992px, ale jak wspomniałem zarówno top jak i stopka ma być na całą szerokość ekranu.

potrafię uzyskać te motywy ale oddzielnie, czyli albo top albo stopkę.
W przypadku topu wpisuję coś takiego:
w css: .sub {background: url('images/bg_top.jpg') repeat-x; background-position: top center; overflow-x: hidden; overflow-y: scroll;}
w html jest to umieszczone w <body class="sub">

Jeśli chodzi o wykonanie tego w stopce to sprawa wygląda tak:
w css: .sub {background: url('images/bg_stopka.jpg') repeat-x; background-position: bottom center; overflow-x: hidden; overflow-y: scroll;}
w html jest to umieszczone w <body class="sub">

Czy da się to jakość połączyć? Aby w body tło bg_top.jpg' było w topie oraz jednocześnie bg_stopka.jpg na dole strony
Z góry dziękuję za pomoc

Pawel_W

20.10.2009, 18:52:27

div + pozycjonowanie absolutne powinno pomóc

slawoo

20.10.2009, 19:08:56

Czyli muszę to wsadzić w DIV?
Inaczej się nie da połączyć dwóch różnych poleceń background w body?

Pawel_W

21.10.2009, 07:45:54

nie, nie da się

można jedynie zrobić taki trik:

[HTML] pobierz, plaintext 
background: #kolor url(adres_obrazka) no-repeat top;
[HTML] pobierz, plaintext

i wtedy obrazek będzie pokazywany na górze dokumentu a po nim zwykłe tło o podanym kolorze, jednak nie o to Ci chodzi

nie znam innego połączenia 2 backgroundów

Burned

21.10.2009, 08:15:48

Div w divie - jeden ma tło na górze, drugi na dole.

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.