Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Jak rozciągnąć tło elementu na całą stronę?, Jak ograniczyć szerokość wnętrza? CSS 3?
WebCM
post
Post #1





Grupa: Zarejestrowani
Postów: 375
Pomógł: 20
Dołączył: 28.07.2006

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


  1. <div class="ograniczony">zawartość</div>

  1. .ograniczony {
  2. max-width: 500px;
  3. background-image: url(tlo.png)
  4. }

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?

  1. <div class="rozciagacz">
  2. <div class="ogranicznik">
  3. obiekty wewnętrzne
  4. </div>
  5. </div>

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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
WebCM
post
Post #2





Grupa: Zarejestrowani
Postów: 375
Pomógł: 20
Dołączył: 28.07.2006

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


Ostatecznie wsadzę tło nagłówka do <body> lub <html>, a stopkę wpiszę w inny <div> ale tu pojawia się kolejny problem - niektóre hostingi wstawiają reklamy na górze, więc cała zawartość przesunie się niżej, a tło zostanie pod reklamą (IMG:style_emoticons/default/tongue.gif)

Nie da się tego zrobić w CSS 3, by nie wstawiać nadmiarowych znaczników? Być może istnieje jakaś sztuczka (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 15.10.2025 - 02:43