BillyRayPreachersSon
Programmer
We've run into a problem with both IE6 and IE7 only where adding an apostrophe to the beginning of a word casues the break-point to change rather oddly.
Take this test harness:
As you can see, the wrapping point in the second red box is before the word "other", whereas I'd expect it to be the same as the fourth red box where it's after the word "other".
Removing the apostrophe, or changing it for another character (e.g. "2") fixes this.
Because the data on our pages is entered by editors using a CMS, and because we will never know in advance what the content is or how it will wrap, we can't really do any cunning tokenisation or inclusion of "wbr" elements.
We also cannot remove the "break-word" style as we need long words to be forcibly wrapped (see the line of dots at the end of the red boxes).
Is there anything we can do about this, or do we just chalk it up to another IE oddity?
Thanks!
Dan
Coedit Limited - Delivering standards compliant, accessible web solutions
[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
Take this test harness:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<title>Word wrap test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
p {
background-color: red;
width: 110px;
}
.wrapMe {
word-wrap: break-word;
}
</style>
</head>
<body>
<h3>Leading apostrophe</h3>
<p>The other 'Enders end has ended..............................</p>
<p class="wrapMe">The other 'Enders end has ended..............................</p>
<h3>Non-leading apostrophe</h3>
<p>The other E'nders end has ended..............................</p>
<p class="wrapMe">The other E'nders end has ended..............................</p>
</body>
</html>As you can see, the wrapping point in the second red box is before the word "other", whereas I'd expect it to be the same as the fourth red box where it's after the word "other".
Removing the apostrophe, or changing it for another character (e.g. "2") fixes this.
Because the data on our pages is entered by editors using a CMS, and because we will never know in advance what the content is or how it will wrap, we can't really do any cunning tokenisation or inclusion of "wbr" elements.
We also cannot remove the "break-word" style as we need long words to be forcibly wrapped (see the line of dots at the end of the red boxes).
Is there anything we can do about this, or do we just chalk it up to another IE oddity?
Thanks!
Dan
Coedit Limited - Delivering standards compliant, accessible web solutions
[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
