help with table cell heights in IE

[dakota81]

Here's a broken down example:

http://secure.lcrcomputer.com/adam/test.html

Mozilla renders that page the way I want it, but IE does not.

The right cell is going to be filled in dynamically and can be short or tall depending on the data.

What I want is the upper-left cell to remain at a fixed height.

 

[dakota81]

I always think of a solution the moment I post here - I just re-arrange the table structure so that the upper-left cell is not of the same table as the right cell.

 

[LordGarf]

Hi,

I would do this:

<table border="1" cellpadding="0" cellspacing="0" width="200">
<tr>
<td style="height:30px; width:100px; background: #FF0000;">short</td>
<td rowspan="2" bgcolor="blue" width="100"><div style="width:80px;height:150px;">tall</div></td>
</tr>
<tr>
<td bgcolor="green">tall</td>
</tr>

</table>

So try to use CSS.

tank you,

best regards,
Lord_Garfield

 

[dakota81]

Since I didn't need the borders in the webpage I was rewriting, I just rearranged the table like below. Because even the example you suggest still does not work like desired in Internet Explorer.

<table>
 <tr>
  <td>
   <table>
    <tr>
     <td height="30" bgcolor="red">Short</td>
    </tr><tr>
     <td bgcolor="green">tall</td>
    </tr>
   </table>
  </td>
  <td bgcolor="blue">Tall</td>
 </tr>
</table>