CSS - czy da się nałożyć zgodnie z regułami tło na tło?

eGospodarka.pl › Grupy › pl.comp.www › CSS - czy da się nałożyć zgodnie z regułami tło na tło? › CSS - czy da się nałożyć zgodnie z regułami tło na tło?

Path: news-archive.icm.edu.pl!news.icm.edu.pl!not-for-mail
From: Marek <b...@e...com>
Newsgroups: pl.comp.www
Subject: CSS - czy da się nałożyć zgodnie z regułami tło na tło?
Date: Wed, 22 Dec 2010 20:45:05 +0100
Organization: Dzial Sieciowy ICM, Uniwersytet Warszawski
Lines: 51
Message-ID: <ietkg2$clj$1@news.net.icm.edu.pl>
NNTP-Posting-Host: 87-206-18-58.dynamic.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: news.net.icm.edu.pl 1293047106 12979 87.206.18.58 (22 Dec 2010 19:45:06 GMT)
X-Complaints-To: u...@n...net.icm.edu.pl
NNTP-Posting-Date: Wed, 22 Dec 2010 19:45:06 +0000 (UTC)
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.13) Gecko/20101207
Thunderbird/3.1.7
Xref: news-archive.icm.edu.pl pl.comp.www:397792
[ ukryj nagłówki ]
Witam,

Muszę wykonać nakładające się tło na drugie tło. Pierwszym z nich jest
gradient - u góry ciemny, na dole jaśniejszy powtarzający się w poziomie
u góry strony. Drugim jest ornament wypełniający całość ekranu
przeglądarki (powtarzanie w obu kierunkach). Strona jest w HTML 4.01
strict. W tej chwili zrobiłem to niewłaściwie, ale działa pod IE8 jak i
FF. Element id = "body" nie jest komórką tabeli a chyba powinien aby
było poprawnie w sensie CSS? Po drugie wysokość zawartości strony będzie
przekraczała 100% wysokości ekranu więc deklarowanie height:100% też nie
wiem czy jest do końca poprawne.

Czy da się to zrobić lepiej?

<body>
<div id="containter">
<div id="body">aaa</div>
</div>
</body>

html {
margin: 0px;
padding: 0px;
position: relative;
height:100%;
}

body {
margin: 0px;
padding: 0px;
height: 100%;
background-color: #502A61;
background-image: url(../pictures/siteBack_s1.png);
background-repeat: repeat-x;
position: relative;
}
#containter {
background-image: url(../pictures/ornament_s1.png);
background-repeat: repeat;
width: 100%;
height: 100%;
display: table;
position: relative;
}
#containter #body {
width: 960px;
margin-right: auto;
margin-left: auto;
position: relative;
}