Results 1 to 4 of 4
  1. #1

    Default 3 background images, 2 are repeating incorrectly

    I have 3 background images setup. The upper 2 are supposed to be static while the lower one should run across the bottom.

    Upper left works fine.
    Upper right is setup exactly the same, but it is repeating down the page in IE.
    Lower right repeats across bottom like it should, but it is also repeating up the page in IE.

    All display correctly in FireFox, etc. It is only IE that they play across the page.

    This is what is in my stylesheet:
    Code:
    /*BOF bg layer div*/
    
    div#bgLayer {
        width: 100%;
        background-image: url(../images/c25_5.gif); /*use relative file path*/
        background-position:top left; /*(top/center/bottom left/center/right) or (x-% y-%) or (x-pos y-pos)*/
        background-repeat: no-repeat; /*or repeat or repeat-y or no-repeat*/
        background-attachment: fixed; /*or scroll */
        }
    /*EOF custom bg div*/
    
    /*BOF bg layer UR div*/
    
    div#bgLayerUR {
        width: 100%;
        vertical-align: top;
        background-image: url(../images/bg_ur.png); /*use relative file path*/
        background-position: top right; /*(top/center/bottom left/center/right) or (x-% y-%) or (x-pos y-pos)*/
        background-repeat: no-repeat; /*or repeat or repeat-y or no-repeat*/
        background-attachment: fixed; /*or scroll */
        }
    /*EOF custom bg div*/
    
    /*BOF bg layer div*/
    
    div#bgLayerLR {
        width: 100%;
        background-image: url(../images/paw.png); /*use relative file path*/
        background-position:bottom right; /*(top/center/bottom left/center/right) or (x-% y-%) or (x-pos y-pos)*/
        background-repeat: repeat-x; /*or repeat or repeat-y or no-repeat*/
        background-attachment: fixed; /*or scroll */
        }
    /*EOF custom bg div*/
    Why would one image be fine and the other two misbehave in IE?

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: 3 background images, 2 are repeating incorrectly

    You have this in your stylesheet, I presume to allow png transparency in IE:

    /*my edit*/
    img, div { behavior: url(iepngfix.htc) }

    Are you sure it is functioning correctly?

  3. #3

    Default Re: 3 background images, 2 are repeating incorrectly

    Your presumption is correct, it is for IE 5.5 & 6 only. It is working with limited success.

    On the off chance it might be interferring with IE 7 & 8 I remarked it out and tested it since the two images that are repeating are pngs.
    There was no change. I still have the repeating problem in IE, specifically 7 & 8.

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: 3 background images, 2 are repeating incorrectly

    But not in IE6? That should be a clue for someone who knows IE well.

 

 

Similar Threads

  1. customers are incorrectly subscribed to newsletters by default
    By artcoder in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 27 Sep 2008, 08:39 PM
  2. How do I end a repeating background image?
    By jdnp in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 14 Nov 2007, 09:55 PM
  3. Prices are all displaying incorrectly
    By ginginca in forum Currencies & Sales Taxes, VAT, GST, etc.
    Replies: 5
    Last Post: 24 Mar 2007, 03:08 PM
  4. Repeating background image
    By Berserker in forum Basic Configuration
    Replies: 1
    Last Post: 24 Jun 2006, 06:50 AM

Posting Permissions

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