D
Danny
In the following example, the "blue" cells will actually contain a
background image and I'd like them to be 50 pixels high. The middle
column contains text. I'd like the "red" cells to expand to fill
whatever height the text takes the table to. However, IE6 does not
respect the height="50" on the blue cells. It allocates the majority
of the height to the blue cells - using what algorithm I'm not sure:
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100" height="50" bgcolor="blue"> </td>
<td rowspan="2" width="300">blah di blah di blah di blah blah
blah. blah di blah di blah
di blah blah blah. blah di blah di blah di blah blah blah. blah
di blah
di blah di blah blah blah. blah di blah di blah di blah blah
blah. blah
di blah di blah di blah blah blah. blah di blah di blah di blah
blah blah.
blah di blah di blah di blah blah blah. blah di blah di blah di
blah blah
blah. blah di blah di blah di blah blah blah. </td>
<td width="300" height="50" bgcolor="blue"> </td>
</tr>
<tr>
<td bgcolor="red"> </td>
<td bgcolor="red"> </td>
</tr>
</table>
Mozilla 1.5 handles this fine.
I've tried assigning the height of the blue cells with CSS, to no
effect. Any way to bludgeon IE into obedience? Or do I have to abandon
the table and use <div>s?
background image and I'd like them to be 50 pixels high. The middle
column contains text. I'd like the "red" cells to expand to fill
whatever height the text takes the table to. However, IE6 does not
respect the height="50" on the blue cells. It allocates the majority
of the height to the blue cells - using what algorithm I'm not sure:
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100" height="50" bgcolor="blue"> </td>
<td rowspan="2" width="300">blah di blah di blah di blah blah
blah. blah di blah di blah
di blah blah blah. blah di blah di blah di blah blah blah. blah
di blah
di blah di blah blah blah. blah di blah di blah di blah blah
blah. blah
di blah di blah di blah blah blah. blah di blah di blah di blah
blah blah.
blah di blah di blah di blah blah blah. blah di blah di blah di
blah blah
blah. blah di blah di blah di blah blah blah. </td>
<td width="300" height="50" bgcolor="blue"> </td>
</tr>
<tr>
<td bgcolor="red"> </td>
<td bgcolor="red"> </td>
</tr>
</table>
Mozilla 1.5 handles this fine.
I've tried assigning the height of the blue cells with CSS, to no
effect. Any way to bludgeon IE into obedience? Or do I have to abandon
the table and use <div>s?