IE 7 Div Align Problem

decca1o · Joined: 18 May 2007 Posts: 25

Hello, I have a div that when shown in IE7 is not as I expected. You should notice the top navigation and a sidebar image all in the same div are misaligned. If you go into one of the posts, it is not as bad, but still not right. It works in IE8, FF,Safari and Chrome, but not IE7... Evil or Very Mad

Thanks for any suggestions you can offer.

http://www.couronneco.com/glass-blog/

kanenas · Joined: 14 Dec 2004 Posts: 341

The top_navlist is absolutely positioned but no "left" property is specified, so it defaults to "auto".

This isn't a good use of absolute positioning. If you want to establish a containing block for child elements, use "position: relative" (read "9.1.2 Containing Blocks" from the CSS 2.1 spec for more info; actually, read all of chapter 9). What would probably work better in your case is to float the elements rather than using positioning.

When asking for help, please post a minimal test case. It's less code to wade through and will often help you figure out the problem on your own. Read "How To Ask Questions The Smart Way" for more tips on asking for help.

I also recommend using Visual Web Developer Express and the IE developer toolbar when working with IE.