My footer is not aligning properly! can someone help please

site: http://www.thequickweightlossprogram.com

 

Try to remove the footer div from the div ID #rightcontent and put it in the same div with the #leftcontent and #rightcontent (more exactly, #contentwrap). It should work!

 

....

this is what I have on the index

<div id="footer">
<p><b>&copy; 2010-2010 blahblah.com</b> - keyword, keyword, keyword </p>
<p><span class="text1">We take your privacy very seriously. Our entire privacy policy is </span><a href="/privacy.html" target="_blank"><span class="text1">here.</span></a></p




----------------

For CSS it is

#footer
{
PADDING-RIGHT: 0px;
BACKGROUND-POSITION: left top;
PADDING-LEFT: 0px;
FONT-SIZE: 0.85em;
FLOAT: left;
BACKGROUND-IMAGE: url(../images/content-bottom.gif);
PADDING-BOTTOM: 0px;
MARGIN: 0px;
WIDTH: 911px;
COLOR: #666666;
PADDING-TOP: 25px;
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 60px;
BACKGROUND-COLOR: #ffffff;
TEXT-ALIGN: center
}
#footer P
{
PADDING-LEFT: 0px;
FONT-SIZE: 11px;
MARGIN: 0px;
COLOR: #1a4773;
}
#footer A
{
FONT-WEIGHT: bold;
FONT-SIZE: 1em;
COLOR: #015398;
TEXT-DECORATION: none
}

 

which bit do I change? not very clued up on CSS

 

This has nothing to do with CSS! Just move the:

<div id="footer">
<p><b>&copy; 2010-2010 blahblah.com</b> - keyword, keyword, keyword </p>
<p><span class="text1">We take your privacy very seriously. Our entire privacy policy is </span><a href="/privacy.html" target="_blank"><span class="text1">here.</span></a></p bla bla bla...

Code (markup):

At the bottom of the page (index.php/.html w/e) so that below your footer to be only two </div> tags, not three, as I guess you have now!

 

still isn't working

 

Please give me your index via PM or make it public, if this does not bother you!

 

sent you a PM!

 

Looks like I may have to stay up tonight trying to figure this out....

 

can someone help me align the footer to the bottom of the page? I've spent hours trying to do this. I feel like crying.

 

Looking from a glance, I cannot see too much wrong with your code..

Have you tried running it through a CSS validator (ex: W3C?)

 

Your footer is inside #rightcontent, you have to move it out of it! Cut the footer div code and paste it just before </div></body></html>. I'm not 100% sure if that's the right place, just check before which closing div it should be added.

Edit: Install the 'Web Developer' addon for firefox, it will help you a lot! And as neo1211 said, try to reduce the no. of errors in the W3C validator, there were quite a few when I ran your page through it!

 

Thank you so much, you rock!!! I will go to bed happy now... at least I can now start working on my site and don't have to worry about the blooming footer!.... and thanks for the tip about the W3C validator

neo1211, I shall do that! thank you.

edit I know where I went wrong, couldn't see it before but I didn't close the div tag so it ended as <div> instead of </div>

 

sorry one more thing... now my two links are not showing (at the bottom right)

 

Can't see any links defined for the bottom of your page in your code - you've got two in the body, one in the footer ... have you maybe deleted them?