Well, I tested immediately. Comments DO AFFECT IE 6.0 in a very strange way!
Here's the new test case, where all of the comments in the MAIN DIV which are
BETWEEN the floated DIVs are removed:
The bug now does not appear now! I read thoroughly the mentioned article
It explains all pretty clearly. So, the workarounds appear to be the following:
1) Put comments IN THE floated divs, NOT outside (that's easy - which I've done)
2) ADD a DIV which clears all of the floats BEFORE THE CONTAINING DIV ends
3) Use other workarounds (explained in the article).
I'll stick for the moment to both "remove comments between floated DIVs" and
"add clearing DIV" method, for more security;-)
Thanks for feedback!
Now I'll have to rethink one of my coding habits when commenting end of a
particular DIV... I love you, IE;-)
Eric Shepherd wrote:
> My guess is that it is the <!--/div--> comments that you have after
> the div closes. This happened to me once.
> I can't tell you WHY ie does this; and it drove me crazy when I first
> had it happen, as I like to keep those comments in there so I can tell
> what div is what, but removing the comments fixed the problem for me.
Pringle, Ron wrote:
> This is the duplicate characters bug , a known problem with IE, most
> likely triggered by the comment <!--clear-->. Removing the comment, as
> you did when you removed the class, resolved the bug.
David Laakso wrote:
> I think it is the ie 'duplicate character bug.'
> PIE has a page devoted to it:
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/