Tables Problems with a 100% width element inside

[emodo]

I have a 3 cell table layout for my site.

LEFT CENTER RIGHT

The widths of the LEFT and RIGHT cells are controlled through CSS. The CENTER column has no width value.

In the center column I have a textarea.

When I set the textarea's width (via css) to 100% a problem occurs. About 30% of the time (in IE and Firefox) the RIGHT column displays incoorectly, it is either squeeze or (more common) it is pushed outside the the window frame and is only viewable through the horizontal scroll.

I know this is a common problem and I was wondering if anyone knew a fix to this.

[rpsajwan]

hope this code will solve ur prob :)

<table width="100%" border="0" cellpadding="2" cellspacing="1" bgcolor="#eeeeee">
<tr>
<td width="100" height="100" valign="top">&nbsp;</td>
<td width="69%" valign="top">&nbsp;</td>
<td width="100" valign="top">&nbsp;</td>
</tr>
<tr>
<td valign="top">&nbsp;</td>
<td height="400" valign="top" bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="400" valign="top">&nbsp;</td>
</tr>
</table></td>
<td valign="top">&nbsp;</td>
</tr>
<tr>
<td valign="top">&nbsp;</td>
<td valign="top">&nbsp;</td>
<td valign="top">&nbsp;</td>
</tr>
</table>

[emodo]

sorry, no it didnt help. Thanks though.

[coopersita]

When you say textarea you mean <textarea> or just that the cell has text in it?

[emodo]

<textarea>

It is wierd because it only happens about a third of the time.