word-wrap in firefox ?

[cooldaddy]

I use the following div

<div id="topmenu" style="word-wrap: break-word; width: 600px; padding:12px;">

to display a large amount of text, this works perfectly within IE the lines are nicely wrapped if the exceed the width of the div. However Firefox doesn't seem to wrap it at all. Is there anything I can do so Firefox will wrap as well ?

[mrruben5]

No. Firefox can't. This is one of IE's better things.

[cooldaddy]

so there isnt an alternative for it ?

[mrruben5]

no... Maybe later, as it's a standard.

You can however, set you text-align to justify to get a nicer effect in FF.

[bushie]

Originally Posted by mrruben5

No. Firefox can't. This is one of IE's better things.

Sorry, but I don't believe that IE has any of those "better things". They just refuse to comply with standards and introduce their own proprietary tags. Word-wrap is not a valid css 2.1 attribute and if you want your sites to work across all browsers you need to stick to the standards.

Code for FF and hack for IE!

[jiffin]

You can try this...

pre{
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}



{word-wrap:;} is an IE proprietary property, and not a part of css. firefox's handling is correct. Unfortunately, FF does not support a soft hyphen ­/­. so that's not an option. You could possibly insert a hair or thin space, &hairsp;/  (check me on the numeric entity) and &thinsp;/ , respectively.

Making {overflow: hidden;} would cut the overflow off, and {overflow: auto;} would cause the overflow to enable scrolling.

[ronaldb66]

Unfortunately, FF does not support a soft hyphen ­/*.

... which IE does, brilliantly; you have to give 'em that. An auto word break facility would be even nicer, though; the rules for breaking words aren't that complicated.