Overflow, ellipsis

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

marss - 31 May 2006 08:34 GMT

IE allows to show text that exceeds the container's boundaries as
unfinished (by adding ellipsis).

e.g.:
<div style="text-overflow:ellipsis;overflow:hidden;width:20px">some
long text</div>
will be shown as
some lon...

Is there any way to do the same in Firefox by means of ellipsis?

Reply to this Message

RobG - 31 May 2006 09:07 GMT

> IE allows to show text that exceeds the container's boundaries as
> unfinished (by adding ellipsis).
[quoted text clipped - 4 lines]
> will be shown as
> some lon...

That is an IE invention, it is not part of the W3C CSS 2 specification;

<URL:http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow>

> Is there any way to do the same in Firefox by means of ellipsis?

Some script-based solutions have been discussed in the past based on
whether scroll bars are displayed or not - I don't think they are a good
idea. Search the archives at:

news:comp.lang.javascript

You may be able to use a CSS hack to make a style rule visible to IE
only to set overflow to 'ellipsis' and auto (or whatever) for other
browsers.

Signature

Rob

Reply to this Message

marss - 31 May 2006 09:38 GMT

> Some script-based solutions have been discussed in the past based on
> whether scroll bars are displayed or not - I don't think they are a good
[quoted text clipped - 5 lines]
> only to set overflow to 'ellipsis' and auto (or whatever) for other
> browsers.

Thanks a lot, RobG

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / May 2006

Overflow, ellipsis