September 27, 2007

ms ie 6 duplicate characters bug

moglege fiksar (av eigen erfaring):
  • setja layout på div m/zoom:1
  • placeholder-div etter problematisk div
IE Duplicate Characters Bug - CSS fixes and workarounds
Internet Explorer 6 has a puzzling bug involving multiple floated elements; text characters from the last of the floated elements are sometimes duplicated below the last float. This bug is a real headbanger because there seems to be nothing triggering it. However, by now everyone should know that IE needs no excuse to misbehave.
....
any elements .... that don't actually display for some reason [will induce the bug]. Apparently the act of hiding a source element is the critical trigger for this bug.
....

Fixes and Workarounds

One easy fix is to put a -3px right margin on the last left float. The
opposite can be done for layouts with right floats.
....
Another fix is to give the container element 3px of extra width, so that it is 3px
larger than the last float.
....
conditional comments may be used in place of normal HTML comments
....

Special Info

The murky veil surrounding the need for a box dimension to prevent so many IE bugs has been partially lifted, due to the discovery of a heretofore
obscure page in the massive Microsoft website. There is no real explaination of this
"hasLayout" property, but now there is at least some structure to the madness that has been inflicted on us by Microsoft, for what it's worth. Apparently a box needs "Layout" or all heck can break loose, bug-wise. MS does not state that specifically, but their browser behaviors leave no doubt whatsoever.


No comments: