I just found a bug that's related to positioning in IE 5.5 (could someone
please tell me if this bug exists in IE 6, and if so, if my solution works in
that browser?). I don't know if this bug has been reported before, but here
it is, and its solution, in case anyone else runs into it.
On the following page there is a box (DIV) that contains six anchors. The
anchors have a style of display:block, so you should be able to move the mouse
cursor ANYWHERE inside the box to click on a link. However, that is not the
case in IE 5.5. In IE 5.5, you can only click on a link when the mouse cursor
is on top of the anchor's text. If the mouse cursor moves to the side of the
text, the link can no longer be clicked. This bug does not appear in Mozilla
or Opera. Here is a page that shows the problem:
http://home.comcast.net/~delerious1/index10a.html
Could someone with IE 6 and Javascript enabled please tell me if the bug
occurs in that browser?
I know that the bug is related to positioning, because the following
javascript code is executed when the page is loaded:
divElement.style.left = '100px';
divElement.style.top = '100px';
If I take those two lines out, then the bug does not occur.
The solution to this bug is to call the focus() and blur() methods on one of
the anchors when the page is loaded. Here is a page that shows the solution:
http://home.comcast.net/~delerious1/index10b.html
If the bug exists in IE 6, could someone please tell me if this solution fixes
it in that browser?
Thanks.