treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Help figuring out what is wrong in IE

  • 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
    http://api.browsershots.org/png/original/aa/aa2615b7f2a57fd5a95951f362e7e65e.png
    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!
  • 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:

    <!--[if lte IE 6]>
    <link rel=\"stylesheet\" type=\"text/css\" href=\"IE-6-OR-LOWER-SPECIFIC.css\" />
    <![endif]-->


    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.
  • thanks so much! I remember running into this with my site but forgot how to attack it.