X-Cart forums

[a1deano]

Hi all need some help with my background image, at the present my live shop is version 4.0.19 i have my own image as a background which remains still as you scroll up and down the page.

Iam in the process of building a new shop using the latest version of xcart 4.1.8, my url for my
new cart that iam building is - http://www.gezawear.com/testcart

For some strange reason the background image remains still in Firefox as i want it to, but when i checked in IE 6 the image scrolls with the page which i don't want it to.

In version 4.1.8 i edited the same templet as i did in version 4.0.19

CSS file (skin1.css)

In CSS file (skin1.css) the orginal code was this

}
HTML,BODY {
BACKGROUND-COLOR: #FFFFFF;
MARGIN: 0px;
PADDING: 0px;
}

I then changed the code to this as i did in version 4.0.19

}
HTML,BODY {
background-image: url("https://www.gezawear.com/testcart/backgrounds/man7.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
MARGIN: 0px;
PADDING: 0px;
}

But for some reason it only works in firefox in the new xcart version 4.1.8 but doesn't work in IE. My live shop v4.0.19 http://www.gezawear.com it work perfect both in firefox and IE.
The background is surpose to remain still whilst you scroll up and down a page.

Could any please advise or help with this, many thanks for your time.

Dean

[spence]

This may fix your problem

background-attachment: fixed; remove this

[balinor]

Also FYI, NEVER use a hard-coded link, especially to https as that will slow your whole site down. Proper code is:

background: url(images/man7.jpg);

And put the image in skin1/images.

[a1deano]

Hi guys

Many thanks for the help ive removed the line

background-attachment: fixed;

and now it also packs up in firefox as well, i need the imagine to remain fixed and not scroll with the page.

Thanks balinor

I will changed the code so it not a hard code link

[a1deano]

Hi Balinor

Have changed code to -

background: url(images/man7.jpg);

Thanks for that advice, have just checked again now i have put -

background-attachment: fixed;

back into the code and the image once again remains fixed in firefox as i wan't it to but again scrolls with the page in IE which i don't wan't to happen.
So puzzling as in cart version 4.0.19 it works in both firefox and IE...

[spence]

try this instead. Didn't understand your problem the first time.

background-attachment: scroll;

[a1deano]

Hi Spence

Sorry thats not sorted the problem, what i need is for the image to remain fixed and not move when your scrolling up and down a page.

If you go to my live store -
http://www.gezawear.com
scroll to the bottom of the page and back up again you'll see that the background image remains still/fixed
If you check this in firefox and IE the image remains fixed whilst scrolling up and down.

Then if you go to my new cart iam working on -
http://www.gezawear.com/testcart
Try it in firefox first, you will see the background image remains fixed whilst scrolling.
Then if you try the same url but in IE the image scrolls up and down and doesn't remain fixed which isn't what i want it to do.

There obvisouly something defferent between v4.0.19 and v4.1.8 which is causing this.

Iam greatful for you help on this, regards Dean

[inebriate]

try seperating the html and body tags in the css file

right now you have html, body, ie:

html, body { css stuff goes here including the background }

so try having one for html and one for body, ie:

html { css stuff goes here, but not the background }
body { background stuff goes here }

background-attachment fixed will only work in the body tag for IE

[a1deano]

Hi inebriate

Thanks for your help, iam not an expert on coding only really basic html can you confirm if this is what i need to do -

}
HTML,{
background-repeat: no-repeat;
background-attachment: fixed;
MARGIN: 0px;
PADDING: 0px;
}
Body,{
background-image: url(images/man7.jpg);
MARGIN: 0px;
PADDING: 0px;
}

I will give this ago and report back if it worked or not, presumimh i done it correct.

Many thanks again Dean

[a1deano]

Hi inebriate

Unfortunatly the code above didn't work i actually lost my back ground picture, presuming i done it correct, what i have also tried is this -

}
HTML{
background-image: url(images/man7.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
MARGIN: 0px;
PADDING: 0px;

}
BODY{
background-image: url(images/man7.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
MARGIN: 0px;
PADDING: 0px;

}

My background image came back, but still the same problem it worked in firefox but not
in IE.

really appricate your help thanks Dean