I think IE 5.0 for the PC has reached a new low with this one. Fire that old dinosaur of a browser up and head to <!-- m --><a class="postlink" href="http://www.cm-life.com/pages/mjw/howto.html">http://www.cm-life.com/pages/mjw/howto.html</a><!-- m --> This is the only page that doesn't display correctly in a whole series of similar pages.
The left side has a DIV containing text with a height of 10em. It's overflow is set to auto. Another DIV containing a paragraph and an image is floated to the right of the text. On the page linked to above, AND ONLY THAT PAGE, the text does not wrap around the side of the floated DIV containing the image. I even placed the EM tags on the page named experience.html and it displays fine. IE5.0 does wrap properly on howto.html if you do one of the following:
1. Set the overflow to hidden for the DIV called bodyCopyBox.
2. Take out the height declaration for the DIV called bodyCopyBox.
3. Delete the <em> or <i> tags in the body text. And taking out any inline element with the CSS font-style property set to italic.
Yes, that's right folks! Italisized text screws up the layout.
And it only happens on Internet Explorer 5.01 for Win 9x and NT/2000. IE 5.5 is all right. 6.0 works fine. But NOOOooooo, 5.01 has to be more difficult than climbing a mountain of marbles!
So here's the challenge: Can anyone get the text I want italisized actually be italic and have the page work in Internet Explorer 5.01 for Win9x and NT/2000?Oh, and the bottom left corner image doesn't display in IE 5.5 but displays fine in 5.01 and 6.0 for the PC. The corner image used to display fine in 5.5 until I added a couple of hacks for IE5.0 - 5.1/MacOS 9.1.
Imagine that. One IE hack screwing up another version of Internet Explorer...
The left side has a DIV containing text with a height of 10em. It's overflow is set to auto. Another DIV containing a paragraph and an image is floated to the right of the text. On the page linked to above, AND ONLY THAT PAGE, the text does not wrap around the side of the floated DIV containing the image. I even placed the EM tags on the page named experience.html and it displays fine. IE5.0 does wrap properly on howto.html if you do one of the following:
1. Set the overflow to hidden for the DIV called bodyCopyBox.
2. Take out the height declaration for the DIV called bodyCopyBox.
3. Delete the <em> or <i> tags in the body text. And taking out any inline element with the CSS font-style property set to italic.
Yes, that's right folks! Italisized text screws up the layout.
And it only happens on Internet Explorer 5.01 for Win 9x and NT/2000. IE 5.5 is all right. 6.0 works fine. But NOOOooooo, 5.01 has to be more difficult than climbing a mountain of marbles!So here's the challenge: Can anyone get the text I want italisized actually be italic and have the page work in Internet Explorer 5.01 for Win9x and NT/2000?Oh, and the bottom left corner image doesn't display in IE 5.5 but displays fine in 5.01 and 6.0 for the PC. The corner image used to display fine in 5.5 until I added a couple of hacks for IE5.0 - 5.1/MacOS 9.1.
Imagine that. One IE hack screwing up another version of Internet Explorer...