IE 6 bug – can it have been that easy?
I’m just figuratively scratching my head here. Feel free to ignore this post, if webdesign isn’t your thing.
I finally sat down today to fix that annoying IE 6 bug that screwed up my header design, shifting around my voodoo guy and making my blog title and tagline show up way too far down and interfere with the first post. In case you don’t use IE 6 (I bloody well hope you don’t) this is what it looked like:
I had avoided thinking about it, because I was afraid it would be some complicated thing to fix and I really have better things to do than make that awful, outdated browser do what it is supposed to.
But no. Turns out my worry was unnecessary for once.
All I had to do was change my little voodoo guy from being the background image of a div to a normal picture within the same div – which I had wanted to do anyway, so I would be able to link the picture back to the homepage. Imagine my surprise when that fixed the positioning problem of the title and tagline as well.
My only problem now is that I don’t understand why.
There are no floats involved and the title and tagline are positioned absolutely. Besides, the presence or absence or position of a background image shouldn’t have any influence on the position of other objects inside that div. At least, that’s what any sane person would expect, right?
So how the hell does this bloody IE 6 manage to screw it up in the first place? And why is it fixed if I change the way the voodoo picture is included?
I’m sure there is a logical explanation for this. I just can’t see it and that drives me bonkers.
Comments currently closed!
