Grow your CSS skills. Land your dream job.

IE7 background image issue

  • # May 27, 2009 at 11:07 pm

    I have been searching google and all the solutions to this problem don’t seem to work for me.

    http://haystackneedledesign.com/sites/a … ?page=home

    the orange banner in the background that extends 100% of the browser window width doesn’t show up in IE 7. I have the orange bar in a blank div, absolutely positioned. It works fine in safari, FF, IE8 and opera. It may in fact be showing up, but with a left margin… if you need more code let me know.

    don;t look at it in IE6, transparency issues screw it up to hell, will be redoing some aspect of that later.

    here is the css for the orange bar.

    Code:
    #orangebar {
    background:url(images/orangebg.png) repeat-x 0 0;
    width:100%;
    height:108px;
    margin:0px;
    top: 124px;
    position: absolute;
    z-index: -1;
    }
    # May 28, 2009 at 12:09 am

    sorry dude but ur site looks fine to me in IE7 …..the orange bar also appears fine to me ……i compared the site in firefox3.0.10 and IE7. ….its fine :D

    # May 28, 2009 at 12:45 am

    yeah, thanks for looking at it. what i did was add:

    left:0px

    and it was all good.

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

You must be logged in to reply to this topic.

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