By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,016 Members | 2,265 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,016 IT Pros & Developers. It's quick & easy.

Table - last column text overflow issues

P: 2
Hi!
I'm struggling with a strange IE behavior regarding tables.
I have a table like the following one

<table cellpadding="0" cellspacing="0" border="1" width="500">
<tr>
<td><div style="overflow:hidden;width: 355px;">Header1</div></td>
<td><div style="overflow:hidden;width: 100px;">Header2</div></td>
<td><div style="width: 100%;overflow:hidden;">Header3</div></td>
</tr>
<tr>
<td style="overflow:hidden;"><div style="overflow:hidden;">Body1</div></td>
<td style="overflow:hidden;"><div style="overflow:hidden;">Body2</div></td>
<td style="overflow:hidden;"><div style="overflow:hidden;">Body3</div></td>
</tr>
<tr>
<td style="overflow:hidden;"><div style="overflow:hidden;">Body1</div></td>
<td style="overflow:hidden;"><div style="overflow:hidden;">Body2</div></td>
<td style="overflow:hidden;"><div style="overflow:hidden;">Body3</div></td>
</tr>
<tr>
<td style="overflow:hidden;"><div style="overflow:hidden;">Body1</div></td>
<td style="overflow:hidden;"><div style="overflow:hidden;">Body2</div></td>
<td style="overflow:hidden;"><div style="overflow:hidden;">Body3</div></td>
</tr>
</table>

Firefox and Opera interpret it perfectly and last column shrinks as first one or any other grows.
In IE overflow seems to be ignored.
Are there any ideas of how to achieve equal behavior in all 3 browsers?
Thx
Jul 14 '07 #1
Share this Question
Share on Google+
2 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Overflow is ignored if the element does not have a width set in stupid IE.
Jul 14 '07 #2

P: 2
I had to find workaround. It was a javascript snippet
Jul 14 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.