Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Internet Explorer 6 repeats the background image all over the page

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #34463
    bluegum
    Member

    When I tested my website in Internet Explorer 6, the background repeated all over the web page, it is supposed to stay as one image. Can someone please tell me if there is a way to fix this please? Thanks in advance.


    body {
    text-align:center; /* center #pageWrapper IE 5.x */
    font:normal 85%/140% arial,helvetica,sans-serif;
    background: url('images/background.gif') no-repeat 50% 12% fixed;
    color: #000;
    }
    #87782
    TheDoc
    Member

    IE6 might not like the order that you’ve done it in. Try doing this:

    background: url('images/background.gif') 50% 12% no-repeat fixed;
    #87783
    bluegum
    Member

    Thanks TheDoc, but unfortunately that didn’t work for me. I thought there might be a special fix especially for Internet Explorer 6 to get rid of the problem.

    #87785
    bluegum
    Member

    Ok, here is the new home page of my website: http://blueguminteractive.biz/bgi/.

    #87786
    bluegum
    Member

    The four thick stripes in the background are the problem.

    #87787
    SgtLegend
    Member

    I just checked your site in IE6 and it looks fine to me apart from a couple of PNG issues, see the below image for what i see.

    http://www.flickr.com/photos/chris-upjohn/6173252369/in/photostream/lightbox/

    #87790
    bluegum
    Member

    I have just uploaded the screenshot of what I am seeing in Internet Explorer 6 on Windows XP. Here is the screenshot: http://blueguminteractive.biz/bgi/screenshot.jpg. The second striped background image (which is down the bottom of the screenshot) shouldn’t be there.

    #87795
    bluegum
    Member

    Sorry guys, I see that noone else can see the problem I am seeing, so maybe what I am seeing will not happen to anyone else.

    Anyway SgtLegend mentioned that there are a couple of PNG issues. So the way I was trying to fix that is by placing this is the css:

    img, div, a {
    behavior: url(iepngfix.htc);
    }

    and this in the html head tag:


    If you go into the website I posted earlier you will be able to what I have mentioned in this reply. Here is the website again: http://blueguminteractive.biz/bgi/. Does anyone know of a better way to fix the PNG issues?

    #87839
    TheDoc
    Member

    @wolfcry911 – if you look at the screenshot, focus on the scroll bar. It looks like he has simply scrolled down and taken another screen shot. Suggest that, perhaps, it’s not actually repeating and that maybe he’s just unsure of what ‘Fixed’ means.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘CSS’ is closed to new topics and replies.