Philippe Wittenbergh wrote:
It is a known weakness in Safari; there is currently no way to apply
the overflow-property to table elements.
And changing the display value of the table-cell won't work, because
then it is not a table-cell anymore !
Thanks Philippe!
Yes, it's a real shame that it's not supported. Applying the same values
to a block-level element (as Chris also suggested earlier) works fine:
<p>The cat sat on the mat. Where was the mat upon which the cat sat?</p>
p {
width:18%;
white-space:nowrap;
overflow:hidden;
}
You can even add 'text-overflow:ellipsis;' to get the 'dinky' little
'...' added to the end of your clipped text (supported by Safari 1.2/1.3
and IE6, not Firefox)
So, this:
p.abx {word-wrap:break-word;}
ought to solve the problem for Safari (the long words will wrap in your
tds, instead of overflowing to the next td.
It's a solution, but I'm loooking to avoid wrapping in most cases. (How
does GMail manage it, by the way? I haven't tested it in Safari, but
Google claims that the browser IS supported. Mind you, taking a look at
the source, I don't envy anyone trying to work it out! :)
---
Safari 1.3 also supports 'text-overflow' (see the list in [2]). This
would probably be even better. I didn't find any reference to the
correct syntax, though.
---
The only relatively useful references that I found were:
<http://www.w3.org/TR/2003/CR-css3-text-20030514/#text-overflow-props>
(only the shorthand property)
and
<http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/textoverflow.asp>
!!
Many thanks guys - but it looks like I'm going to have to stick with
<td><div>content here</div></td>
Sorry Philippe (and list) - should have responded to the *list* address!
This will also explain my previous apparently nonsensical response to
Michael's earlier posting in this thread!! A REAL *DUH* moment there!
cheers - we now resume a more conventional time-line! :)
Stuart
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
