Weird IE quirk
I having a weird problem with a newish design I’m working on. There’s a box near the bottom of the page with a pair of lists floated in opposite directions that will not render right in IE. Only half of the surrounding div’s background/border are rendering and it moves strangely as you scroll. I don’t even know what to call this kind of bug(?), so I’m not sure where to look for a solution. Anyone have any possible solutions or seen something like this before or anything? It doesn’t appear to quite match anything I’ve seen on Position is Everything. *boggle*
M. E. Patterson
December 1st, 2005
3 years ago
On a whim, I figured I’d take on your IE quirk challenge. You’re right. It’s a doozy. It all looks fine until you start to scroll in IE…then all hell breaks loose. My guess is: over-complex CSS structure. Maybe just try to rebuild your structure from the ground up? Usually when you get flashing/disappearing blocks issues, it’s because your CSS has gotten so complex that the browser renderer just ‘loses’ parts of what it’s supposed to render.
M. E. Patterson
December 1st, 2005
3 years ago
More ideas –
I perused the HTML result for this page and noticed a lot of HTML comments . There are some really bizarre quirks in IE relating to HTML comments interacting strangely with CSS. Try removing all the comments and see if it doesn’t work better.
jena
December 2nd, 2005
3 years ago
Happily, I can report that the problem was easily fixed. I don’t understand it, but I suppose that doesn’t matter. I’m not sure why I always fall into this trap, but I guess it’s some innate desire for symmetry or something. Anyway, as I said before, I had two lists floated in opposite directions. That appears to be the problem. If I only float the right one, the left one mostly stays where it should be (though the whole thing needs some margin work in IE - big surprise), and the background renders correctly. The box looks the same in Firefox either way, fortunately.
IE bug squashing - fun for the whole family~
M. E. Patterson
December 6th, 2005
2 years, 12 months ago
Weird. Yeah, the FLOAT directive can do odd things sometimes. And then, other times, it works perfectly and totally catches you off guard.