hyphen in email address display problem

[wkenny]

On my site, IE browser splits email addresses containing a hyphen into three lines
e.g. some-email@email.com displays as

some

-

email@email.com

How do I stop this from happening

[thetestingsite]

Can you post a link to the site that this happens on? Its kind of hard to tell anything with out more details or at least seeing it in action.

[wkenny]

On this page

http://www.estateagentsespana.com/costablanca/javea_estate_agents_01.htm

scroll down to the entry for Guiliano Villas and you will see the email address is broken into three lines. It displays ok in Firefox but not in IE

[terrik]

By normal grammatical standards, it is acceptable to break a hyphenated word at the hyphen.

The browser is treating the hyphenated email addresses like hyphenated words.

...which...you already know.

I suspect that it has much to do with your div widths.
If your combined div widths are wider (larger) than the space allowed for display, the browser will try to find a way to make everything fit . . . to the best of it's ability. It looks like it's taking advantage of the hyphens in the email addresses to grab any available space it can.

That is a lot of information you're presenting.
It might be better presented in a table with fixed-width columns.
Also...with a table, you'd have considerable less formatting to do in the long run.

. . . just a thought.

[wkenny]

Thanks Terrik.

I do not think this is a space-allocation problem as the display is fine in Firefox. However, I will try playing around with width and see what happens.

The entries used to be displayed using tables but I changed over to CSS for the very considerable saving in HTML tags and page size.