Forums / Templates, Stylesheets, Page Layout / 3 background images, 2 are repeating incorrectly

3 background images, 2 are repeating incorrectly

Locked

Views: 1,534

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
15 Sep 2008, 11:07 PM
#1
straw avatar

straw

New Zenner

Join Date:
Feb 2007
Posts:
30
Plugin Contributions:
0

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:

/*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?

16 Sep 2008, 12:08 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

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?

16 Sep 2008, 4:06 AM
#3
straw avatar

straw

New Zenner

Join Date:
Feb 2007
Posts:
30
Plugin Contributions:
0

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.