(... journeys onwards looking for solutions to _my_ problems with IE6...)

Mazen said on November 15, 2005

i had the same problem and the only way to get around it was to use <nobr>text that might wrap</nobr>

Geoff said on May 02, 2006

Thanks Mazen you just saved the day. Nice fix.

Jeff said on October 12, 2006

I'm not sure if I'm having the same problem with the way IE renders links, but any links I have that wrap in the margins will have their background disappear (in my case, an underline).

Example is here

In this case, you can see that the underline disappears on the first line, which is hella strange, and even odder, this behaviour differs from the main page, where it disappears on both lines.

Russ said on October 16, 2006

I'm having some issues with the nowrap tag as well... In IE, my header freaks out when the window is resized smaller than normal. Example is here.

[rant] I hate IE...[/rant]

Jason said on October 18, 2006

IE also doesn't honor the white-space:no-wrap for <td>'s either. I got around this by wrapping the text with a <span style="white-space:nowrap"\> </span>.

Works like a charm in IE and Firefox.

Ken Kuhns said on December 25, 2006

Welcome to the bug-ridden world of Microsoft browsers. The only way to design successfully for Internet Exploder is to have an arsenal of workarounds available. The NOBR solution is a simple one that works every time, absolutely, without having to fudge column widths. (So much for the total CSS approach!)

Rudy said on May 03, 2007

Hmmm, have to link into this myself ... might be the same issue I am seeing on my webite ... external links with a bg image that have padding on them ... example of the homepage below ...

Content Heavy

Jonathan Snook said on May 03, 2007

@Rudy: actually, that's a problem with backgrounds on inline text that extends beyond a single line. For which I know of no cure.

Rudy said on May 04, 2007

@Jonathan Snook: much thx ... will have to google that one when I have time ... thx again!

Cachito said on December 05, 2008

I didn't like the white-space between the links and borders, so I filled it with ampersandnbsp;

Then I added padding to the container (padding:0 10px;) and eliminated "#example1 a" all together.

Cachito said on December 05, 2008

oops, sorry, I missed the part about links staying on the same line and not breaking in the middle.

I re-inserted "#example1 a" with just the nowrap statement and the link moved to a new line intact and with padding on the left.

Sorry, comments are closed for this post. If you have any further questions or comments, feel free to send them to me directly.