podwójne tlo z dwóch plików graficznych Opcje

[shreker]

witam. mam pytanie odnośnie zrobienia tla z dwóch plików: pierwszy w postaci paska szerokości 1px powielany w poziomie (tworzy zasadnicze tlo, daje efekt gradientu), drugi plik w postaci grafiki na dole strony powielany w poziomie (tworzy na. efekt trawy).
o ile bez problemów daje się to zrobić przy użyciu jednolitego tla strony + trawy na dole, to jak to uzyskać przy pomocy dwóch plików graficznych?

[shreker]

mam dokładnie tak:

[HTML] pobierz, plaintext 
<style>
.tlo1 {
     background: #56BB40 url('pasek.png') top repeat-x;
     min-height: 100%;
}
.tlo2 {
     background: url('trawa.png') bottom repeat-x;
     min-height: 100%;
}
</style>
<div class="tlo1">
  <div class="tlo2">
     tresc
  </div>
</div>
[HTML] pobierz, plaintext 

obecnie nie wyświetla mi sie nic oprócz tekstu na tle wąskiego paska (wysokości ok. 20px, na całą szerokość ekranu) pliku trawa.png.
nie wiem czy się dobrze zrozumieliśmy, chodziło mi o to aby plik pasek tworzył gradient na całą szerokość i wysokość strony, a dodatkowo na tym gradiencie został na samym dole strony powielony (w poziomie) obrazek trawa.png.
testowałem na różnych przeglądarkach i wszędzie to samo

Ten post edytował shreker 25.09.2012, 18:55:37