X-Cart forums

[obaluba2]

Hi,

I've got a 4.1.1 installation that I'm working on and I'm trying to make the background image sit on the absolute bottom of each page..

I am pulling my hair out with this as I dont understand why it won't work!

Here's my CSS:

HTML,BODY {
height: 100%;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND-COLOR: #980065;
background-image: url(/store/skin1/images/bg2.jpg);
background-position:bottom;
background-repeat: no-repeat;
}

It seems to me it doesnt like the height: 100% as if i change it to 1500px or similar it does move, but obviously this is no good as all my pages are different sizes!

It just resizes to the screen resolution size which looks very strange when you scroll further down!

Any help would be hugely appreciated!!

thanks

[obaluba2]

I've tried this thread too, but still cant get it to work!

http://forum.x-cart.com/showthread.php?t=51119&highlight=background

[xplorer]

Hi!

Are you trying to display the image at the bottom of a page? Or at the bottom of a browser window? Setting the body height to 100% resizes it to the window height, not the total page height.

[obaluba2]

Hi,

I would like it at the bottom of the page not the browser window. So when i scroll to the bottom it's there!

thanks for your reply!

[xplorer]

Originally Posted by obaluba2

I would like it at the bottom of the page not the browser window. So when i scroll to the bottom it's there!

Try to remove "height: 100%" and replace "html, body" with just "body".

[obaluba2]

that's perfect, worked a charm! thankyou so much!