Jak rozciągnąć tło elementu na całą stronę?

Jak rozciągnąć tło elementu na całą stronę?, Jak ograniczyć szerokość wnętrza? CSS 3?

WebCM Zobacz profil	4.12.2010, 15:04:43 Post #1
Grupa: Zarejestrowani Postów: 375 Pomógł: 20 Dołączył: 28.07.2006 Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <div class="ograniczony">zawartość</div> [HTML] pobierz, plaintext [CSS] pobierz, plaintext .ograniczony { max-width: 500px; background-image: url(tlo.png) } [CSS] pobierz, plaintext Tło elementu ma rozciągać się na całą szerokość okna przeglądarki, zaś szerokość obiektów wewnątrz nie może przekraczać ustalonej wartości, np. 1366px. Czy da się to zrobić tylko w 1 znaczniku, czy trzeba stosować więcej? [HTML] pobierz, plaintext <div class="rozciagacz"> <div class="ogranicznik"> obiekty wewnętrzne </div> </div> [HTML] pobierz, plaintext Tak najłatwiej, ale po co wstawiać nadmiarowe elementy? Dokładniej chodzi o to, aby: * szerokość całej strony była maksymalnie 1366px * tło nagłówka oraz stopki rozciągało się do całej szerokości ekranu - 100% (nawet 2000px) Zatem operujemy na <html>, <body> i obiektach potomnych. Da się to uzyskać w ramach CSS 3 albo innych sztuczek? Ten post edytował WebCM 4.12.2010, 15:05:06

Odpowiedzi

vokiel Zobacz profil	4.12.2010, 18:21:29 Post #2
Grupa: Zarejestrowani Postów: 2 592 Pomógł: 445 Dołączył: 12.03.2007 Ostrzeżenie: (0%)	Jeśli tło ma się rozciągać na całą szerokość przeglądarki to dodaj je do body. Jeśli natomiast nagłówek i stopka mają mieć swoje tła na całą szerokość to musisz je i tak umieścić w oddzielnych blokach. Dla nagłówka możesz jeszcze skorzystać z tła w body, ale dla stopki trzeba robić oddzielny blok. [HTML] pobierz, plaintext <body> <div id="wrapper"> <div id="content"></div> </div> </body> <style type="text/css"> body { background: url("tlo_header.jp") repeat-x top left; } #wrapper{ background: url("tlo_footer.jpg") repeat-x bottom left; width: 100%; } #content { max-width: 1366px; margin: 0 auto; } </style> [HTML] pobierz, plaintext