Forum Moderators: open
Page Layout
IE6, on a HTML 4.01 strict page.
There's a header div
Below that, a float:left div inside a parent div for a two column layout.
Both the header and the content divs are fixed width
Both are centered by using position:absolute;left:50%;
plus a negative left margin of half the div width.
Now for the bug.
When I mouse over a link in the parent div,
any content in the floated div vanishes if it
extends beyond the bottom of the parent div's
content.Then if I mouse over a link in the floated div, all
the content reappears.
I have validated the CSS. The HTML has only minor validation problems -- oddities inside the shopping cart's form tags that 4.01 strict isn't happy with. I'll figure those out, but I can hardly believe they contribute nto the bug.
Right now I'm using a kludge to deal with it -- putting a spacer gif at the bottom of the parent div to ensure that it extends beyond the floated div. I'd love to find something more elegant.
I found some information here [markschenk.com] (see the Jan 17 & 20 blogs) and an [url-http://www.evolt.org/article/MSIE6_bug_with_floating_divs_and_spacers/17/23899/]evolt article[/url] that seem similar to what you are describing.
It seems to be something to do with the column widths. Have you tried putting a <p> </p> at the end of the content <div>? This would replace the spacer image, but should give you the same results. It's still a kludge, but hopefully more elegant!
