Background Positioning - help! simple one i'm sure!
 

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

:-)

Re: Background Positioning - help! simple one i'm sure!
 

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

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

Re: Background Positioning - help! simple one i'm sure!
 

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.

Re: Background Positioning - help! simple one i'm sure!
 

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!

Re: Background Positioning - help! simple one i'm sure!
 

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

Re: Background Positioning - help! simple one i'm sure!
 

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