I hate that my first post is a request for help and even after Googling solutions for this, I'm at a total loss (but at least I found this place ;)...

If anyone is able to help pinpoint what i'm doing wrong, i'll put you in my will (such that it is)!

I'm having a problem with my footer in two areas:

1) it won't fall to the bottom of the page
2) it won't display properly -- I have an image that i want to display over a repeating bg color. Both show up but not in alignment with each other, or, at the bottom of the page.

I've uploaded the files to this url:
( link removed )

I deliberately don't have an index on this page so you can look at the full css and xhtml files easier. Just click on index1.html to view the problem page and style.css to view the styling.

You can see what I mean by the footer not being where it should be, and that it doesn't line up with the expanding footer bg color.

I have quadruple-checked that all my divs are ok -- and they are (really). BUT... there is a div that contains the gradient bg for the optin and main header content ...and ends right where the footer begins so, I suspect that it must have something to do with this (?)...

Maybe I haven't organized my divs properly (?) but for the life of me, i can't "see" it. I don't know what to try anymore...

If anyone is willing to have a look, I'd be humbly greatful!!!
Please let me know if you need anything else to look at but i think it's all pretty much there at the above url. It's not a fancy site btw but functional.

THANKYOU in advance for any help you can offer. I really appreciate your taking the time..!

vicky

I don#t think this is a html problem I think its a css problem, try removing the div #footertext and just enter the text manually I will have a closer look now.

Actually... the footertext div was an afterthought and it ended up giving me better control over the formatting. I removed it again and it doesn't make a difference.

I've also tried playing around with and without divs in the footer but ended up with the stylesheet as-is because it seemed to work better with all the elements i wanted to include (image, expanding bg, text).

I'm currently looking at the "content-bg" id and wondering how that is affecting the footer. At least, the footer is displaying where this div ends. BUt, i still don't know why...

thanks for your time

The content div is NOT "wrapping" around the floats within it. Adding overflow:auto to #content-bg will solve that.

thx LadynRed for your reply. The fix didn't work but it may also be because i made another change to the body-attribute and have re-uploaded the stylesheet (as well as a different footer image to better visualize what i'm trying to do). It's not quite there yet... (but closer)

Originally, the footer was "hanging" in the middle of the page, immediately below where the gradient ends in the main content. The problem ended up having to do with my giving the body div a specific height value (the same as the actual image) and totally forgetting about it as I added more code to the page (*doh*). When i changed it to 100%, the header was 'released' and fell to the bottom where it should be.

but now, i'm still not able to pinpoint where i'm going wrong in overlaying the image with the expanded bg color (the color is for demo only ).

Thx guys for taking the time to troubleshoot this. I really appreciate the extra eyes and suggestions... (thx)

UPDATE:
I've resolved this problem thx to some help from the forum community (forums are great ).

The main problem came from not specifying height 100% in a main content div, as well one of the footer divs, along with a couple of smaller (and obvious) attributes that i became blind too but don't actually remember the details to now.

so, thanks very much for taking the time to help me out with this...
much appreciated!!

The DIV tag in your CSS is what sounds like is wrong. If you would like to post some more information, I could take a look at it and try to find a resolution.

thx Tanner but my previous post (above yours) shows that the problem is now resolved. Thanks very much for the offer though

Best...