Rowspan table cell resize problem in IE

[superslurpee]

Hi,

I cannot find a solution anywhere for this. I know others have the problem, but still nothing.

I have a simple 2x2 table. The cell on the right is rowspan=2 so that there are only 3 cells actually showing (instead of 4). It's like the regular web site with logo in the top left, navigation below, and content on the right.

Even if I say to the top left cell, "be 10 pixels in height", it never is because the text on the right is long. The division between the two left cells will always be somewhere in the middle (granted the image or whatever will be in its proper location, just the cell will be too big). I want the cell below it to be the one that 'tiles' for as long as the text on the right goes. IE seems to have such a problem with this.

What's the workaround? It's frustrating cause I read about the problem, but no solutions. Just mindless banter about nothing!

Thanks!

 

[welshtroll]

You could try and nested table approach

<TABLE border=&quot;1&quot; width=&quot;100%&quot;>
<TR>
  <TD valign=&quot;top&quot;>
    <TABLE border=&quot;1&quot; width=&quot;100%&quot;>
      <TR>
        <TD>logo</TD>
      </TR>
      <TR>
        <TD>nav</TD>
      </TR>
    </TABLE>
  </TD>
   <TD valign=&quot;top&quot;>main content</TD>
</TR>
</TABLE>

I left the border="1" so you can see the layout.
These allows you to apply different heights etc to the logo and nav parts without it being affected by the content column

'... and then it wouldn't compile?'

 

[ChrisHunt]

Or try this (extraneous attributes removed):
[tt]
<table height=&quot;100%&quot;>
<tr>
<td height=&quot;10&quot;>Title bar</td>
<td rowspan=&quot;2&quot;>RHS menu</td>
</tr>
<tr>
<td height=&quot;100%&quot;>Content</td>
</tr>
</table>
[/tt]

-- Chris Hunt
Extra Connections Ltd

http://www.extracon.com

The real world's OK for a visit, but you wouldn't want to LIVE there!

 

[superslurpee]

Hi,

Thanks for the responses, however, that doesn't solve the problem. As I understand it, it is an IE problem with rowspan. As soon as the text in the right column gets too big, the cells on the left decide to adjust their heights in any way they want. Again, the point is to have the lower left cell tile a colour along with the content AND with the logo in the top left staying the size it should instead of each cell becoming 50% height.

Anyways, it looks like an IE rowspan problem. Try it, it will drive you nuts.

Oh yeah, it works fine in every browser except IE!