rowspan td height problems IE/Firefox

infekt-work · Joined: 29 Jun 2005 Posts: 4

There has got to be a way to make these td's have a fixed height in IE.. the overall height is determined by the varying content in the right cell, therefore also requiring cell "b" to have a variable height.

Here is the code and image of the different results created by three different browsers. Firefox is the only one giving me the correct result I am looking for. I have tried many different things but cannot get the result I am looking for. If anyone could help out it'd be SO greatly appreciated.

Thanks,
infekt

lauxa · Joined: 10 Jul 2005 Posts: 2

I just struggled with this for several hours, and have decided that when using "rowspan" or "colspan" IE just completely ignores the height suggestions.

Here's something that works in IE, but unfortunately Netscape ignores the "height=100%" attribute so it doesn't work there. Mabye you can display different code based on the browser somehow...


<table border="1">
<tr>
<td valign="top">

<table border="1" height="100%">
<tr>
<td height="20">a</td>
</tr>
<tr>
<td>b</td>
</tr>
<tr>
<td height="20">c</td>
</tr>
</table>
</td>
<td background-color="#696969" height="200">
<br>
</td>
</tr>
</table>

On my site I didn't need the footer cell, so it was easier. I'd love to see someone implement this in CSS, but it's beyond my abilities.

Good luck.