Sidebar Dropping in IE7 (4 posts)

  1. jrp0018
    Posted 6 years ago #

    I have an issue with a site I'm working on - http://www.fitnessunleashedaustin.com - where the sidebar is dropping to the bottom in IE7. I've played with some hacks in the CSS to fix the location of other items, but cannot figure out why I can't get the sidebar to pull up.

    the other posts I've checked out here don't seem to do it either - any suggestions would be much appreciated? I'm already beyond the delivery date.

  2. Peter Boosten
    Posted 6 years ago #

    I think it's because of the huge margin-left and padding on #sidebar.

    IE treats margins different from other browsers. Try to solve it with a float left, a smaller width, and without the left margin/padding.


  3. andiszek
    Posted 6 years ago #

    Peter`s right. IE renders margins differently.

    in your future projects, try to incorporate Eric Meyer`s CSS Reset:

    why css reset?

  4. esmi
    Forum Moderator
    Posted 6 years ago #

    IE7 is borked! It inherited a faulty CSS box model from IE6. Hacks are definitely not a good way of dealing with this as they will bite back one day (witness the initial release of IE7). A better way way of approaching the problem is to use conditional comments to target CSS at specific versions of IE:


    Meyer's reset sheet isn't bad. At least his sheet suggests he put some real thought into it. Beware of other reset sheets, though. Some simply use * to reset padding and margins from every element whilst others do the same thing using a humongous list of almost every element you can think of - including the p tag which promptly wrecks most designs.

Topic Closed

This topic has been closed to new replies.

About this Topic