I have a web page started at http://newflorida.auctioncms.com and i have a problem with the footer going to the top of the page i think it is a syntax error but i have looked at it and dont see anything wrong.

thanks
brad

I think you need to create a new 'div' class for your footer and use 'position:absolute' to get it back to the bottom

I added this entry to my css file

#footer {
position:absolute;
bottom;0;
}

I added <div id="footer"> to the code above the footer I thought this would place the code at the bottom but it didn't

I don't see any divisions? Just tables? Heck there isn't anything named #footer? Maybe i'm just dense...

Anyway, you might also want to check your page in IE. Some very big differences in Firefox and IE.

Hi bean,

Try this code:

#footer {
clear: both;
}

Or it might be:

#footerb {
clear: both;
}

Hope this helps, good luck.

-Brett

Position: absolute is NOT the best solution in most cases.

As Tom pointed out, it's a mess of tables and that will compound your problems. Why use <divs> at all if you're going to stick everything in a table ?
The position:absolute has NOT solved the layout problem in FF, your footer is still out of whack. It it definitely a train wreck in IE.

taketherisk-

I placed the clear code in my css, was that in addiction to the absolute position or was it instead of.

ladynred-
I am still no good enough to get rid of tables i just added the div around the table to make the css work i still need to read more on css
and if absolute position is not the right way to go how which way would you perfer?

thanks

Use the normal document flow. If you're using floats, make sure those floats are CLEARED properly, which I suspect is what the problem with your footer is. Just putting 'clear:both' on the #footerb probably isn't going to do it either.

http://css-discuss.incutio.com/?page=FloatLayouts

http://css-discuss.incutio.com/?page=ClearingSpace

Ive tried to add one of the solutions given and it seems to be helping the footer is in the right spot just that it is still over the bottom of the page im wondering if i put the <div class="spacer"></div> in the right spot. is it supposed to be put after what your trying to clear?

I am having a problem with my corners lining up with my image's there is a small white line in between it. I have been changing my widths of my tables cause i think that had something to do with it. Could this be the problem with my footer?

thanks