[Xtml/Css] Problem z backgroundami. Opcje

[Kalinowcyk]

Witam.

Mam pewien problem przy cieciu layoutu.

Proszę spojrzeć na poniższy schemat:

(IMG:http://img530.imageshack.us/img530/8530/przyklad.jpg)

Otóż, rysunek ten przedstawia jeden element blokowy div.
Chciałbym, aby na górze tego elementu występowało tło (background-image) - blok niebieski.
Chciałbym również, aby na dole tego występowało inne tło - blok pomarańczowy.

Na tym wszystkim występować będzie tekst oraz inna zawartość.

Czy jest jakiś prosty sposób, aby osiągnąć taki efekt?

Wiem, można kombinować z z-indexami, relativami itp.
Ale czy można takie coś osiągnąć w jakiś prostszy sposób?

Cała zabawa polega moim zdaniem na tym, aby divovi nadać dwa obrazy tła - jeden u góry, drugi na dole.
Wiem, że takie coś nie jest jako tako niemożliwe, ale może istnieje na to jakaś fajna sztuczka?

Za wszelkie podpowiedzi z góry dzięki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Pozdrawiam.

[wookieb]

Jezeli to nie ma byc gradient to wlasciwie tylko js z cssem
Tworzysz 3 poziome divy.
Pierwszy z position: relative i tutaj wrzucasz tresc
2 kolejne z kolorami jakie chcesz.
Javascriptem po otworzeniu dokumentu ustalasz wysokosci dwóch divów z kolorami albo ich pozycje jezeli chcesz miec dokladnie jak wyzej.

Ten post edytował wookieb 25.02.2009, 15:04:47