Hey everyone,
I’ve run up against an extremely annoying IE quirk, and I’m wondering if anyone has found a workaround:
[CODE]
<table width=”100px” border=”1″>
<tr>
<td width=”100px”>
<textarea style=”width:100%;”>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</textarea>
</td>
</tr>
</table>
Load this up in Firefox, and everything is fine: You get a nice 100 pixel cell with a 100 pixel textarea and wrapping text.
Load it up in IE, and something strange happens: The textarea is 100 pixels and the text appears wrapped, but the cell itself stretches out to accommodate the text on a single line.
I realise that the methods of sizing in my example are strange, but it is unavoidable due to the way the html is generated in the app I’m working on.
I’ve tried everything I can think of to get IE to render this is a sensible manner, but the only thing that works is setting table-layout:fixed, but isn’t acceptable in my case… Any ideas?
Thanks,
– Michael