LinCSS25

# August 15, 2009 at 11:34 am

Would anyone be willing to help me figure out what is going on wrong here in LOEVELY IE6 with this site I am building. Here it is in FF which on my end is fine. http://www.linkcreativedesign.com
[img]http://api.browsershots.org/png/original/aa/aa2615b7f2a57fd5a95951f362e7e65e.png[/img]
Any tips would be great! I know there is something with floating and margins and padding? How can I fix this without messing up it looking fine in FF and other browswers. Its fine in IE8. In 7 the nav bar is going to the top.

Thanks so much!

dloewen

# August 15, 2009 at 12:25 pm

Hi Lin, this is very common in IE. Usually when this happens its because of the double margin bug.

You can use a conditional stylesheet to give css to IE6 and below like this:

Code:

And try lowering the margins to see if that fixes it. I find setting all the container margins/padding to 0 will quickly give you an idea if the margins/padding is a problem in ie6. If it displays properly with no margins/padding, then you can shave a few pixels off the original margins until it fits.