Grow your CSS skills. Land your dream job.

SOLVED: Background Image Problem in IE 6 and IE 7

  • # March 4, 2009 at 3:15 am

    Hi Everyone,

    This is my first post here I have long been a reader of this site but never actually had a reason to post until now! :P

    I have a design I am working on and it is not rendering correctly in ie 7 or ie 6 . The page is here

    I have a background image that is images/main-container-inner.jpg. I am wanting the image to continue underneath the text at the bottom of the page but in IE 7 and IE6 it is being cutoff so is my background colour. It is rendering fine in ie8 and also firefox.

    Here is the CSS file and i have grabebd the code below css/all.css

    Code:
    #main-container{
    width:100%;
    overflow:hidden;
    background:url(../images/main-container.jpg) no-repeat 50% 104px;
    }
    body#page-inner1{
    background:#C28C4B url(../images/body-inner-bg.gif) repeat-x;
    }
    #page-inner1 #main-container{
    background:url(../images/main-container-inner.jpg) no-repeat 50% 104px;
    }

    Any help anyone can provide would be most appreciated. It is driving me insane. I will leave it with you css experts.

    regards

    Andrew

    Rob
    # March 4, 2009 at 6:58 am

    remove the background property for your #content .holder – its set at #C28C4B and in IE its taking over the world a little :)

    # March 4, 2009 at 5:34 pm

    Thanks Rob , that worked perfectly.

    Appreciate it mate.

    andrew

    Rob
    # March 5, 2009 at 6:03 am

    no probs :)

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".