Print Reseller Scheme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Site elements jumping to the left in IE7

Discussion in 'Website Coding & Programming Forum:' started by sweetums, Apr 8, 2011.

  1. sweetums

    sweetums Member

    I've been making a site but have come across a problem that only seems to exist in IE7.
    When you click in a form file or hover over a link it causes some of the elements to "jump" a few pixels to the left!
    You can see what I mean at this link (View using IE7): www.marketingconsultancy.co.uk/contact-us/
    I'm used the 960 grid system to build the site, but have used it plenty of time before and have never encountered this problem before and really can't figure out what's causing it! :icon_confused:
     
  2. Corrosive

    Corrosive Moderator Staff Member

    I can't replicate the problem you are having. No jogging of elements in my IE7.
     
  3. sweetums

    sweetums Member

    Ok thanks, for looking though. I've discovered it was due to the “Layout” IE/Win proprietary concept that determines how elements draw and bound their content. I found that by removing "position: relative;" from the element that it fixed the jumping issue so I might of fixed it before you viewed the page.
     
  4. Corrosive

    Corrosive Moderator Staff Member

    Oh right, fair play. You gotta love older versions of IE!
     
  5. SparkCreative

    SparkCreative Member

    IE also does a great thing where it works out padding in a different way to all other browsers and that can have a similar effect. You feel like putting up a page at the start saying "If you're still using IE, WHY? Go away and come back when you've downloaded a proper browser."
     
  6. Corrosive

    Corrosive Moderator Staff Member

    Double margin float bug in IE6 is my particular favourite. Battled with that many times. I've given up with IE6 now and am pretty close to the same with IE7.
     

Share This Page