Non-breaking nor behaving
It seems that even the humble non-breaking space is beyond IE’s capabilities.
As Web Designers, we’re used to inconsistencies in browser behaviour, ranging from the trivial to the monumental. Most of these issues revolve around CSS and different interpretations of the spec. Imagine my surprise, therefore, to discover that everyone’s favourite misfit (Internet Explorer) has its own unique interpretation of ‘non-breaking space’.
Here’s the setup: I had an em-dash hanging nastily at the end of a line. Whether
right or wrong, typographically, I reached for a couple of
s to ensure the em-dash wouldn’t be left on its own. Fired
it up in Firefox:
Lovely. Opera and Chrome both gave the exact behaviour I required too:
The em-dash dropped to the following line, taking the words either side with it.
Now to IE:
Whoa! Here are the two ways in which IE differs from the others:
- The em-dash remains at the end of the line
- An extra space is added at the beginning of the following line
It turns out that, on point 2, Internet Explorer is actually correct. It just looks totally wrong when combined with the first screw-up.
I’m not sure if there’s a way around this but, for now, I’m just to going lay down and take it from IE, yet again. Sigh.
Tweet
Thu 14 Apr 2011 18:07
Las Vegas Web Designers said:
Wonderful…Thank you for posting.