Okay, what you need is a

UVUWolverine — Thu, 09 Feb 2012 04:43:04 +0000

Okay, what you need is a sticky footer with a few modifications. If you need a tutorial on sticky footers you can find a great one here: http://www.htmltutorialsandtips.com/css-sticky-footer/

Now, after adding the sticky footer you will need to do some adjustments for that background image on your footer. You'll want to actually add it to the html as a second background(which will work fine in any CSS3-complaint browser) like so:

background: url('footerBackground.jpg') bottom center repeat-x;

This will put the image on the bottom of the page, center it, and repeat it horizontally to stretch it across the whole browser window(this way you only need an image 1px wide, saves on load time).

On older browsers this won't work, but IE9 and Firefox 4 and all other standards-compliant browsers will show it just fine. Unfortunately there really isn't a way to make this work completely in older browsers(thus the addition of multiple background images in CSS3).

Can you post a working link

Megan — Mon, 31 Jan 2011 20:14:44 +0000

Can you post a working link with some content in it so we can get a better picture of what's happening?

Did you try margin-bottom:0;

QiSoftware — Mon, 31 Jan 2011 16:45:13 +0000

Did you try margin-bottom:0; ?

Q...

Hi Megan I've tried the

TracidTrax — Thu, 27 Jan 2011 18:09:23 +0000

Hi Megan

I've tried the position:fixed for the footer but no luck there. As for how im wanting this to work, im open to all ideas and i just want the footer to stay down . Are my divs correct in the html part?

I also read about the clear:both CSS rule so i added that in there also but its not working

This is my 1st web page so im no expert

I think attempting to

Megan — Thu, 27 Jan 2011 15:55:03 +0000

I think attempting to absolutely position the footer at the bottom is probably not the best way to do this. Would position:fixed do what you want? Try that. I'm not exactly clear on how you're wanting this to work...