IE and Absolute Positioning
There are some seriously messed up things with absolute positioning in IE 6. I struggled and struggled tonight trying to get a logo to sit in the top left part of the #wrapper div:
#logo { position: absolute; }
#wrapper { position: relative; }
The logo was just not there. I ended up putting it in one of the main content columns, and it showed up in the right place (luckily, it also works in other browsers as well that way).
I couldn’t find much, if anything, useful about this behavior. Why do I always have some trouble with absolute positioning? Why aren’t more people blogging about this? Absolute positioning is supposed to be so easy that it’s considered cheating.
Comments
I’ve never really had that much trouble with absolute positioning. I assume you have your z-index set appropriately?
Yeah, z-index wouldn’t do squat.
Sounds like the same problem I had a work last week. I couldn’t absolutely position direct children of the element that I’m positioning it relative to. I eventually used a span to call it #container span #nav.
What do you think about that?