Hey guys, my site works fine in IE7, all Firefox, Opera, Safari, etc.. But I have some serious issues in IE6 and lower. My footer seems to be shifted to the left and my main content gets pushed down.. My site it here: http://www.justalkaboutit.com Thanks in advance!
Maybe your help request looks like an uninvited spam message advertising your site. Try reducing the problem to the minimum and 1. Validate the XHTML 2. Validate the CSS Use Firebug to analyze your problem (that is in firefox)
Why would I spam my site?. Honestly, I have 89 posts here and am satisfied with my site in my signature. My CSS and Html are validated. But thanks for complaining? If you don't want to help, don't reply. K. Thanks.
It looks like an IE6 box model + double margin situation, but it looks like a legit question because his site is indeed screwed up in IE6 (did you even bother looking?) and it does have one error via validation (did you bother validating?) To the OP, for ANY element that you have floated, give it a display value of inline to avoid double margins. And, for any element you have with inner padding, remove the padding and set margins on elements INSIDE of that <div style="padding:20px;"> <p>foo</p> </div> yes, inline is bad practice but im keeping it simple.. so instead of that you should do.. <div> <p style="margin:20px;">foo</p> </div> due to ie6's box model which isn't the same as w3's css box model.