Results 1 to 6 of 6
  1. #1
    Senior Member sweetums's Avatar
    Join Date
    Jun 2008
    Location
    Bristol (UK)
    Posts
    142
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Site elements jumping to the left in IE7

    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!
    Twitter: liamjay66

    Website: liamjaydesigns.com

  2. #2
    Moderator Corrosive's Avatar
    Join Date
    May 2010
    Location
    Bristol, UK
    Posts
    980
    Thanks
    18
    Thanked 27 Times in 20 Posts
    I can't replicate the problem you are having. No jogging of elements in my IE7.

  3. #3
    Senior Member sweetums's Avatar
    Join Date
    Jun 2008
    Location
    Bristol (UK)
    Posts
    142
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.
    Twitter: liamjay66

    Website: liamjaydesigns.com

  4. #4
    Moderator Corrosive's Avatar
    Join Date
    May 2010
    Location
    Bristol, UK
    Posts
    980
    Thanks
    18
    Thanked 27 Times in 20 Posts
    Oh right, fair play. You gotta love older versions of IE!

  5. #5
    Senior Member SparkCreative's Avatar
    Join Date
    Oct 2009
    Posts
    485
    Thanks
    0
    Thanked 3 Times in 3 Posts
    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."
    http://www.spark-creative.co.uk/what.html
    Spark Creative - Graphic Design, Web Design, Photography, Advertising and all that malarkey.

  6. #6
    Moderator Corrosive's Avatar
    Join Date
    May 2010
    Location
    Bristol, UK
    Posts
    980
    Thanks
    18
    Thanked 27 Times in 20 Posts
    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.

Similar Threads

  1. when to use <style /> elements?
    By bigdave in forum Website Coding & Programming Forum:
    Replies: 7
    Last Post: 03-01-2012, 05:07 PM
  2. Left to right typing - InDesign
    By foxycraig in forum Adobe Forum:
    Replies: 2
    Last Post: 06-19-2010, 07:22 PM
  3. Pier jumping, as ya do...
    By NeedForBleed in forum Chill Out Forum:
    Replies: 2
    Last Post: 11-17-2009, 10:19 AM
  4. Have I left it too late ?
    By srlees in forum Graphic Design Forum:
    Replies: 10
    Last Post: 11-12-2009, 06:41 PM
  5. Customising Web Form Elements
    By rachel84 in forum Website Coding & Programming Forum:
    Replies: 2
    Last Post: 11-07-2008, 09:55 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •