PDA

View Full Version : Image Sticky Footer


Irishnotsane
06-08-2012, 10:43 PM
Hi, I'm trying to place an image in the background that is fixed at the bottom of the screen and also repeated horizontally, though I can't seem to figure out how to do it despite my many failed attempts.

Any help would be great, thanks!

--------------- Added 1339205565 at 1339205565 ---------------

So far I have:

#cloud {
height: 179px;
background-attachment:fixed;
background: url(cloud.png);
}

But it's not fixed at the bottom of the screen like I want it to. I did get it fixed once before but I messed it up again. However when it was fixed, it was showing ABOVE the forum and I want it to show behind the forum.

JacquiiDesigns
06-10-2012, 04:43 PM
Try adding:

background-position: bottom center;
background-repeat: repeat-x;

HTH ;)

J.

Irishnotsane
06-10-2012, 10:18 PM
Thanks for the reply

I couldn't get it how I wanted, no matter how I did it.
So instead I created a large BG image and added:

margin: 0px;
padding: 0px;
align: bottom;
bottom:auto;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom;