Ok, guys, let’s face this odd, very odd, behavior in IE6
These two pages are identical, except for the <title> (not relevant) and an empty comment on line 15 (present in the OK page, not present in the KO page)
Well, the page without comment (ko.php) is missing two “rounded corners” background images in the .header section (“Test > Login” part)
Instead, the comment in the ok.php page triggers the images display
This is just one thing that could really drive mad everyone: please, do you know what kind of problem is it and if there’s a solution? (apart from keeping the comment there…)
Ahhhhh, the HasLayout!! I have always to remember that strange IE6 behaviors are sons of HasLayout!! The comment took me out of the way, maybe I’d notice that before…
Anyway, Paul, I’m always wondered by your kindness and clarity of explanation: thanks for the Nth time you save my day!
It’s caused by the lack of layout on certain elements.
.box,.content{zoom:1.0}
That should fix it.
Whenever you have a container holding more than simple text then you should ensure that the element is in haslayout mode or all bets are off. Adding the html comments just triggered a different rendering algorithm and the content re-appeared but just as easily could have broke something else.
That’s the feature of haslayaout and its results are many and varied and the reason for years that many different bugs were documented but were all actually all from the same cause.
