Grow your CSS skills. Land your dream job.

Help figuring out what is wrong in IE

  • # 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!

    # 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.

    # August 15, 2009 at 2:02 pm

    thanks so much! I remember running into this with my site but forgot how to attack it.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".