IE and Absolute Positioning

Posted by Trey on October 29, 2006

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.

OLs in IE

Posted by Trey on October 09, 2006

If you set an OL LI to have height: 1% (to trigger has-layout) in IE, the number won’t increment. Freaky.