Hi all,
I'm having a spot of trouble with the Safari browser and the
overflow:hidden declaration when applied to table cells. If you take a
look at <http://www.stuarthomfray.co.uk/temp/overflow/index.html> you
should see what I mean.
Basically, the following HTML:
< td>IHaveaveryveryveryveryverylongfilename.txt</td >
along with the following CSS:
td { overflow:hidden; white-space:nowrap; }
produces a 'GMail'-style effect, where the text is truncated once the
width goes beyond the width of the container. This works in Firefox and
IE6, but not Safari (1.2 / 1.3 - via Browsercam)
Now, if I add an extra < div> container to the HTML:
< td>< div>IHaveaveryveryveryveryverylongfilename.txt</div ></td >
and apply the CSS to the < div> instead of the < td>, Firefox, IE6 AND
Safari seem happy!
My question is: can I avoid adding the extra markup to achieve the same
effect in Safari?
Many thanks - I hope that someone's come across this one before!! :)
cheers,
Stuart Homfray
______________________________________________________________________
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/
