[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1452
  • Last Modified:

Overflow ellipsis not working in IE

Why is "this is a width test-- please tell me it works" split up into two lines in IE? I want IE to show "..." when the size of the column is not big enough...

<table style="table-layout:fixed;" width=400 id="data">
<tr>
<td valign=top width=50 style="text-overflow:ellipsis;overflow:hidden;white-space:nowrap;">this is a width test-- please tell me it works</td>
<td valign=top width=50 style="text-overflow:ellipsis;overflow:hidden;white-space:nowrap;">this is a width test-- please tell me it works</td>
<td valign=top width=300 style="text-overflow:ellipsis;overflow:hidden;white-space:nowrap;">this is a width test-- please tell me it works</td>
</tr>
</table>
0
WebDvlp
Asked:
WebDvlp
2 Solutions
 
smaccariCommented:
Looks like text-overflow does not apply to TD elements (at least in IE).

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/textoverflow.asp

0
 
wlfsCommented:
You can place a <div style="width:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"> inside the td. Then, the div tag is taking care of the text overflow.
0
 
WebDvlpAuthor Commented:
Yes, but  that means a LOT of div's when the table is big...
0

Featured Post

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now