Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] Tło body w topie i stopce rozciągniete
slawoo
post 20.10.2009, 17:42:28
Post #1





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 24.09.2009

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
Pawel_W
post 20.10.2009, 18:52:27
Post #2





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

Ostrzeżenie: (0%)
-----


div + pozycjonowanie absolutne powinno pomóc
Go to the top of the page
+Quote Post
slawoo
post 20.10.2009, 19:08:56
Post #3





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 24.09.2009

Ostrzeżenie: (0%)
-----


Czyli muszę to wsadzić w DIV?
Inaczej się nie da połączyć dwóch różnych poleceń background w body?
Go to the top of the page
+Quote Post
Pawel_W
post 21.10.2009, 07:45:54
Post #4





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

Ostrzeżenie: (0%)
-----


nie, nie da się winksmiley.jpg

można jedynie zrobić taki trik:
  1. background: #kolor url(adres_obrazka) no-repeat top;

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 winksmiley.jpg nie znam innego połączenia 2 backgroundów

Ten post edytował Pawel_W 21.10.2009, 07:55:34
Go to the top of the page
+Quote Post
Burned
post 21.10.2009, 08:15:48
Post #5





Grupa: Zarejestrowani
Postów: 67
Pomógł: 8
Dołączył: 19.05.2004
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Div w divie - jeden ma tło na górze, drugi na dole.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 12.06.2025 - 10:36