[html][css]Layout div - trzy elementy graficzne w jednej kolumnie Opcje

[boomer]

Witam wszystkich forumowiczów.
Chciałbym zrobić layout strony, gdzie konkretnie w menu (lewa kolumna) umieszczone byłyby 3 elementy graficzne w tle.
Pierwszy element graficzny (górny fragment obrazu).
Drugi element graficzny (powtarzający się fragment obrazu w zależności od zmieniającej się wysokości tekstu na stronie).
Trzeci element graficzny (dolny fragment obrazu).Nad całością mają znajdować się linki menu.
Ma ktoś jakąś propozycję, jak to zrealizować?

Powód edycji: dodaje tag (cysiaczek)

[boomer]

Dzięki za podpowiedź, ale nie za bardzo to działa.

Tylko fragment tła dla h3 jest wyświetlany. (jak zmieniłem na określoną wysokość h3, to wtedy ul schodzi niżej - efekt nieporządany).
Dodatkowo h3 odstaje od baneru u góry. No i jeszcze jak zrobić, żeby obrazek w div zawsze był na dole w zależności od środkowej kolumny layoutu. (warstwa div się nie rozszerza, jeżeli kolumna content zwiększa swoją zawartość.) Wspomnę tylko, że wszystkie te 3 warstwy są umieszczone w kontenerze.

Kod

<div id="menu">
<h3>Kategoria</h3>
   <ul>
      <li>Link czy cuś</li>
   </ul>
</div>

Kod

#menu {
background-image:url(sites/images/left2.jpg);
background-repeat: no-repeat;
vertical-align: bottom;
float : left;
width : 170px;
}
#menu h3{
background-image:url(sites/images/left1.jpg);
background-repeat: no-repeat;
vertical-align: top;
}
#menu ul{
background-image:url(sites/images/left_back.jpg);
background-repeat: repeat-y;
}

Ten post edytował boomer 23.08.2007, 08:10:03