Witam,

Wiem, że takich tematów jest w Google sporo, ale mimo wszystko nie mogę sobie dać rady z zastosowaniem diva w divie dla mojej stronki.



Jak zrobić, aby w jednym divie umieszczone były tła nr. 12 i nr. 13? Z tym, że tło nr. 12 jest stałe (882px na 370px), a tło nr. 13 ma powtarzać się w zależności od obszerności treści na stronie, po czym w odpowiednim momencie pojawia się tło nr. 14. Próbowałem robić to na wiele sposobów, ale żaden z nich nie powodował, że tło nr. 13 zaczynało się w odpowiednim momencie powtarzać.

Ja to robię tak:

[HTML] pobierz, plaintext 
<div id="div1">
  <div id="div2">
treść
  </div>
</div>
[HTML] pobierz, plaintext 

div1 ustawiam w css tło które może się powtarzać a div2 w którym się nie może powtarzać i jak się skończy obrazek tła div2 to wtedy reszta tła jest brana z div1

Zrobiłem tak, jak mówisz, efekt jest następujący:



Teraz pytanie, co robię źle:

[HTML] pobierz, plaintext 
<div id="content_01">
     <div id="content_02">
          Lorem ipsum dolor sit amet (...)
     </div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#content_01 {
 float:left;
 width:882px;
 background:url(images/wt_05.jpg) repeat-y;
}
 
#content_02 {
 width:882px;
 height:370px;
 background:url(images/wt_04.jpg);
}
[CSS] pobierz, plaintext 

Ale po co w ogóle stosować do tego obrazek? Przecież w css możesz użyć gradientu, są nawet specjalne generatory wyręczające cię z dłubania kodu, jedynie ustawiasz sobie kolory. Gradient, box-shadow + border i wydaje mi się że obrazki są conajmniej zbędne

nastała era divowców... wraz z HTML5 czas zacząć ograniczać nieogarniętą ilość divów w projektach