#1
  1. No Profile Picture
    Contributing User
    Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Jan 2004
    Location
    Budapest
    Posts
    1,703
    Rep Power
    67

    Why is Footer BG Image Appearing Twice


    On this site www.jimstrans.com if you look at the layout in IE8 or IE9 you'll see the footer bg appears twice. But in IE7 it looks as it should. Can someone please take a look and let me know what's going on? I would appreciate it very much. Tom
    Today the world, tomorrow the universe...
  2. #2
  3. For POny!
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2012
    Location
    Amsterdam
    Posts
    416
    Rep Power
    115
    it is not.

    (check your css, it clearly states: no-repeat)
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Jan 2004
    Location
    Budapest
    Posts
    1,703
    Rep Power
    67
    Thanks, on my computer, IE9, the footer bg shows up twice, one w/ the navigation links, one without. T
    Today the world, tomorrow the universe...
  6. #4
  7. For POny!
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2012
    Location
    Amsterdam
    Posts
    416
    Rep Power
    115
    Ah I see what you mean.
    I have a feeling this is the result of the conditional comments. If I inspect it in IE9 There is an anchor that has some markup in it that is missing end-tags. You might want to remove the conditional stuff (in this manner).

    To be honest I would not put html in conditional comments, or atleast more sparingly (like: your browser sucks upgrade). Rather use an extra style sheet between conditional comments. That way the content for all browsers is the same.

    Have a look at the image I attached:


    edit: yep it's definetly the conditional comments
    run this:
    Code:
    <!--[if IE 7]><!-->lalalala<!--<![endif]-->
    Wont show up in IE9, so you break your page
    Last edited by aeternus; October 18th, 2012 at 05:01 PM.
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Jan 2004
    Location
    Budapest
    Posts
    1,703
    Rep Power
    67
    Gotcha! Thanks so much for solving the mystery!
    Last edited by thall89553; October 18th, 2012 at 05:30 PM.
    Today the world, tomorrow the universe...
  10. #6
  11. For POny!
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2012
    Location
    Amsterdam
    Posts
    416
    Rep Power
    115
    Originally Posted by thall89553
    First of all, I sincerely thank you for your help, it is very much appreciated.

    I am not quite sure I am following you on what I need to do to fix this issue though. Would you please help me better understand what I need to do? Thank you!
    I have a feeling you didn;t write the code than

    In a nutshell your conditional comments are messing things up. Conditional comments (you may want to google it ) are little snippets of code that anything but IE understands.
    In your code you have snippets like this
    Code:
    <!--[if IE 7]><!--></a><!--<![endif]-->
    The problem is that depending on your browser the end tag (</a>) which is inside that if you look closely wont show up.

    So in order to fix this I suggest your simply remove these snippets and replace them with the end-tag that is inside them:
    from
    <!--[if IE 7]><!--> </a> <!--<![endif]-->
    to
    </a>

    I hope this helps

    Moreover (as earlier suggested)
    if you want a different style for say IE7 and lower, you can put a stylesheet in between conditional comments like so:
    Code:
    <!--[if lte IE 7]>
     you can put you link to your stylesheet in here
    <![endif]-->
    Last edited by aeternus; October 18th, 2012 at 05:37 PM.
  12. #7
  13. No Profile Picture
    Contributing User
    Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Jan 2004
    Location
    Budapest
    Posts
    1,703
    Rep Power
    67
    Thanks again, I've been dealing with that issue now for years and just got around to dealing with it. You really helped me out, next time your in the Northern Cal area let me buy you lunch. ;-)
    Today the world, tomorrow the universe...
  14. #8
  15. For POny!
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2012
    Location
    Amsterdam
    Posts
    416
    Rep Power
    115
    Originally Posted by thall89553
    Thanks again, I've been dealing with that issue now for years and just got around to dealing with it. You really helped me out, next time your in the Northern Cal area let me buy you lunch. ;-)
    lol, thanks! I see you're from Budapest, not sure when I will be around there

    Have fun!
    Last edited by aeternus; October 18th, 2012 at 05:42 PM.
  16. #9
  17. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2012
    Posts
    194
    Rep Power
    76
    another thing if you want a specific elements for all IE versions only just do <!--[if IE]> <![endif]-->

IMN logo majestic logo threadwatch logo seochat tools logo