background image on tr IE 7

[wimkumpen]

Hello,

I have an image that's set as background on a tr. In IE8, Firefox it loops through the td's. But in Safari and IE7 the image starts every td again.

In the example here, the image is 150 width and should start at the first column and just end at the end of the second column. But in IE7 and Safari, it ends at the end of the first column, and starts again from the second column till the end of the second column.

<table style="width: 150px;">
<tr style="50px; background: url('/default/images/main/a_1.png') no-repeat;">
<td>test</td>
<td>test 1</td>
</tr>
</table>

 

[feherke]

Hi

As far as I know, you will have to put your [tt]table[/tt] into a container element and set the background image for the container.

Feherke.

http://rootshell.be/~feherke/

 

[Vragabond]

AFAIK, and I am not that sure since barely ever work with tables, but I do believe putting the background on the table element would work as well. It is the nature of <tr> that it did not really render on the page (it acted mostly as an invisible container for a table cell). You might have some luck with fixed positioning of background in cells too.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]