Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts

    IE8 repeating background image

    In ever browser the top banner is perfectly fine, when you go to IE8 it repeats it over and over.



    Issue

    Above is the URL where the issue is. If put into compatibility mode, it looks just fine. I have been trying to resolve this issue for a while now and was hoping maybe a fresh set of eyes could help. It is a magento theme, but the page was created from scratch pulling in the themes CSS. Thanks for any help.
    Last edited by jcdevelopment; 05-07-2013 at 03:52 PM.

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,956
    Thanks
    9
    Thanked 727 Times in 721 Posts
    I think it's coming from your IE specific css.
    If I remove the whole of this from ie.css IE8 behaves:

    Code:
    header#branding2{
        width: 100%;
        height:170px;
        margin: 10px  0 0 0;
        background-image: url(../images/PaciugoPrintPortal_Text.png);
        background-position: bottom;
        background-repeat: no-repeat;
    }
    That background-image is a slightly different version to that on style.css as well.

    Also, you're using html5 elements (header) with an XHTML strict doctype, which may also be contributing to the issue.
    Last edited by SB65; 05-07-2013 at 04:10 PM.
    Use the W3C HTML Validator and CSS Validator to check your code and Firebug to see what css is applied to an element
    Read Steve Krug's book Don't Make Me Think - essential reading on web usability
    I don't recommend much, but I do recommend Clook for UK web hosting

  • #3
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    I don't think it's the ie-specific stylesheet. I could be wrong though.

    As SB65 said, you're using a header element, which IE8 and below don't inherently support. You're also using HTML5 elements without an HTML5 doctype declaration.

    You also didn't close your header element anywhere. I don't even think you closed your wrapper div. I'd try to fix all these mistakes first. Use http://validator.w3.org/ to help you find some errors.
    My signature :)

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    I'll do what I can, unfortunately it's a magento theme but I will see what I can change. Thanks guys.


  •  

    Tags for this Thread

    Posting Permissions

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