Powtarzalne tło strony (4 różne obrazki do powtórzenia) Opcje

[Masterson]

Witam.

Mam taki oto kod.

[HTML] pobierz, plaintext 
<table style="width:100%;margin:0px auto;">
	<tbody>
		<tr>
			<td style="background: url('/images/bg_up_left.jpg') repeat-x top right;height:100px;">
 
			</td>
			<td rowspan="2" style="width:1000px;border:1px solid;">
				TUTAJ CONTENT
			</td>
			<td style="background: url('/images/bg_up_right.jpg') repeat-x top left;height:100px;>
 
			</td>
		</tr>
		<tr>
			<td style="background: url('/images/bg_down_left.jpg') repeat top right;>
 
			</td>
			<td style="background: url('/images/bg_down_right.jpg') repeat top left;>
 
			</td>
		</tr>
	</tbody>
 
</table>
[HTML] pobierz, plaintext 

Ma posłużyć do stworzenia powtarzalnego tła, ale w każdym rogu strony innego. Tło ma być powtarzane w nieskończoność (w uzależnieniu od rozdzielczości).
To działa, ale nie do końca. Nie działa w ... IE oczywiście. Wygląda to tak jakby IE miał głęboko w powarzaniu wysokość komórek, które przeznaczone są do narysowania tła w górnej części. Domyślam się, że wynika to z tego powodu, że użyłem rowspana i IE wtedy interpretuje to kij go wie jak.

Chodzi o uzyskanie mniejwięcej takiego efektu. Pamiętajmy, że każdy kwadrat to tło z osobnym obrazkiem, a górne "kwadraty" tła mają mieć konkretną wysokość.



Może ktoś ma inną koncepcję aby to było rozciągalne i działało na każdej przeglądarce?
Dzięki i pozdrawiam

Ten post edytował Masterson 12.06.2012, 19:48:27

[pehaperowiec]

pokaż tła a powiem Ci jak to oprogamować

Ten post edytował pehaperowiec 19.06.2012, 12:39:22

[Masterson]

Można przyjąć, że to są właśnie tła, które załączyłem. To jest dokładnie to w 100% to samo.

Mam pocięte tło, ale z dużymi elementami, chciałbym użyć mniejszych elmentów z powtarzalną grafiką.

Ten post edytował Masterson 26.06.2012, 16:59:18

[Damonsson]

A co to za tabela? Jakie dane będziesz w niej trzymał?

[prowseed]

No ale skoro to są same kolory (wspomniałeś, że w 100% to samo) to po jakiego grzyba używać obrazków jak można po prostu nadać kolor tła?

[!*!]

Ma posłużyć do stworzenia powtarzalnego tła, ale w każdym rogu strony innego. Tło ma być powtarzane w nieskończoność (w uzależnieniu od rozdzielczości).

Robisz stronę na tabelach? Zapomnij o tym.

Jak chcesz zrobić tło zależne od rozdzielczości itd.

1. użyj css3 multiple background (też nie zadziała w IE, ale tam robisz obejście w js)
2. użyj @media dla dopieszczenia elementów w rozdziałkach.