Table Layout Issue

[ashben]

Today I came across a weird HTML problem. I have a table with 3 cells with the middle cell being 700 in width. The rest of the 2 cells need to be dynamically scaled. This method works fine in IE but screws-up in Netscape.

To explain it all better have a look at www.ashben.net/tabletest.htm

Anybody have a solution?!?!

[Dusty]

I assume you mean 4.x since it looks fine in 6.x. You can do this:

<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="50%" bgcolor="#000080">&amp;nbsp;</td>
<td width="700" bgcolor="#FF0000"><hr width=700></td>
<td width="50%" bgcolor="#000080">&amp;nbsp;</td>
</tr>
</table>

That will make it work. The horizontal rule must be there, that or a 700 pixel wide image, otherwise the 50%'s override the 700 pixels.

[ashben]

Thanks Dusty! Nice tweak.