Mam taki oto kod.
<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>
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