Results 1 to 4 of 4

Thread: Strange IE7 bug - can anyone help?

  1. #1
    Senior Member Kata's Avatar
    Join Date
    Sep 2008
    Location
    Den Haag
    Posts
    641
    Thanks
    27
    Thanked
    134 times in 61 posts
    • Kata's system
      • Motherboard:
      • Asus Rampage Formula
      • CPU:
      • Q9650
      • Memory:
      • 8GB Corsair Dominator DDR2
      • Storage:
      • RaptorX + 2.0TB NAS Raid5
      • Graphics card(s):
      • 2 x Sapphire Radeon 4870 1GB
      • PSU:
      • Tagan 900W
      • Case:
      • Thermaltake Armor LCS
      • Operating System:
      • Vista 64
      • Monitor(s):
      • 3 x Dell 2408WXP

    Strange IE7 bug - can anyone help?

    I have almost completed my site; wit th exception of the IE6 conundrum, which we won't talk about. However, there is one remaining annoyance in IE7, while all the standards compliant browsers work fine:

    The site is http://www.thousandeyes.co.uk/new_site/index_rev_2.html

    The problem is on the Route page, and the Team > Aircraft page. I want the round, blue icons to be on the top of other layers, as they are Firefox. In IE7, these round blue icons disappear behind!

    Can anyone offer any suggestions? I managed to fix it to an extent, but that broke it for the decent browsers.

    Edit: Never mind, solved it with absolute positioning. Annoyingly, there are still slight differences in where IE7 and others put the aircraft background box (the blue one); IE7 puts it a few pixels lower than others. Any ideas?
    Last edited by Kata; 03-03-2010 at 09:18 PM.

  2. #2
    Not a good person scaryjim's Avatar
    Join Date
    Jan 2009
    Location
    Gateshead
    Posts
    15,196
    Thanks
    1,231
    Thanked
    2,291 times in 1,874 posts
    • scaryjim's system
      • Motherboard:
      • Dell Inspiron
      • CPU:
      • Core i5 8250U
      • Memory:
      • 2x 4GB DDR4 2666
      • Storage:
      • 128GB M.2 SSD + 1TB HDD
      • Graphics card(s):
      • Radeon R5 230
      • PSU:
      • Battery/Dell brick
      • Case:
      • Dell Inspiron 5570
      • Operating System:
      • Windows 10
      • Monitor(s):
      • 15" 1080p laptop panel

    Re: Strange IE7 bug - can anyone help?

    All browsers seem to have a slightly different implementation of the CSS box model which can causes boxes to end up a few pixels different in each browser. It's tricky to "fix" unless you can generate some of your CSS using server-side scripting language (I actually do this with a couple of my sites). Unless it's throwing other elements of your design out completely, I'd be inclined to live with the lack of perfection! The site looks *really* good now, btw good work!

    In the future, if you find some elements are disappearing behind others when you don't want them to, try using the z-index property. Higher numbers sit "on top" of the other elements, so if you have e.g. an icon and you want to make sure it's on top of all the other design elements just add something like
    Code:
    .ontop { z-index: 99; }
    to your css and
    Code:
    <img class="ontop" src="myicon.gif" alt="My Icon" />
    to your HTML and you should be good to go!

  3. #3
    Senior Member Kata's Avatar
    Join Date
    Sep 2008
    Location
    Den Haag
    Posts
    641
    Thanks
    27
    Thanked
    134 times in 61 posts
    • Kata's system
      • Motherboard:
      • Asus Rampage Formula
      • CPU:
      • Q9650
      • Memory:
      • 8GB Corsair Dominator DDR2
      • Storage:
      • RaptorX + 2.0TB NAS Raid5
      • Graphics card(s):
      • 2 x Sapphire Radeon 4870 1GB
      • PSU:
      • Tagan 900W
      • Case:
      • Thermaltake Armor LCS
      • Operating System:
      • Vista 64
      • Monitor(s):
      • 3 x Dell 2408WXP

    Re: Strange IE7 bug - can anyone help?

    Thanks very much for your kind words and advice Jim! I had tried using z-index but it did not make a difference; I fixed it eventually by taking the icon completely out of the normal flow and using absolute positioning; oh what fun this web design is

  4. #4
    PHP Geek Flash477's Avatar
    Join Date
    Dec 2008
    Location
    Devon
    Posts
    822
    Thanks
    51
    Thanked
    72 times in 65 posts

    Re: Strange IE7 bug - can anyone help?

    One thing you need to bear in mind with z-index is that it only works on positioned elements (absolute, relative, or fixed).

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Storm chasers
    By Funkstar in forum Smartphones and Tablets
    Replies: 2
    Last Post: 26-04-2014, 11:33 AM
  2. Copyright Catches Crooks
    By Stringent in forum Gaming
    Replies: 33
    Last Post: 28-09-2009, 08:22 PM
  3. Problem with IE7 opening new windows
    By Allen in forum Software
    Replies: 4
    Last Post: 21-12-2006, 03:31 PM
  4. Patch 1.4 Released
    By ERU in forum PC
    Replies: 60
    Last Post: 26-11-2006, 05:43 PM
  5. Firefox 2.0 and IE7 Penetration - Statistics
    By stytagm in forum Software
    Replies: 10
    Last Post: 01-11-2006, 12:45 PM

Posting Permissions

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