footer of page not placing in the right place

[tableforglasses]

Hey guys
Could you check out this page I am working on. I can't figure out how to get the footer of the page to go below the picture gallery. When you look at the page you will see a blueish box that is showing up under the gallery and I want it to be just below the gallery.
www.jmillsphotography.com/landscape.html

any thoughts would be great
Thanks
Sean

[Kravvitz]

You need to clear the floated <ul>. (http://www.dynamicsitesolutions.com/css/layout_techniques/#clearing_floats)

Lose the tables.
Why tables for layout is stupid: problems defined, solutions offered (http://www.hotdesign.com/seybold/index.html)
Ten ways to speed up the download time of your web pages (http://www.webcredible.co.uk/user-friendly-resources/web-usability/speed-up-download-time.shtml)
Nested Tables: About the (ab)use of tables as layout tools in webpages. (http://www.dorward.me.uk/www/nested/)
Why Tables Are Bad (For Layout) Compared to Semantic HTML + CSS (http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html)
Why go table free? (http://www.workingwith.me.uk/tablefree/why/)
Why avoiding tables (for layout) is important (http://davespicks.com/essays/notables.html)

[tableforglasses]

Can you explain what it means to clear the floated <ul> I looked at the link and was still unsure exactly what I was doing.
thanks
Sean

[Kravvitz]

In this case you can simply use this.
#container table {
clear: both;
}
Why are you using the <div align="center"> anyway?

I suggest you learn how semantics apply to X/HTML. (http://www.dynamicsitesolutions.com/html/semantics/) Semantics is really a very important subject when it comes to X/HTML.

[tableforglasses]

I used a tutorial to create the image gallery. I just followed that as far as the <div align = center>. Now how do I get this footer to align at the base of the page below my container that the gallery is in?
thanks
Sean

[Kravvitz]

There are a lot of tutorials out there that teach how to make web pages in not very good ways. You don't need those <div>s. I suggest you remove them.

I take it you don't understand the CSS you're using?

Append this to the code (CSS rules) in the <style> element.
#container table {
clear: both;
}

[h3r0]

Nevermind.

[h3r0]

Is there a way to float to the bottom? I use floats for Right and Level side navigationals. Is there a way to put a Footer on the bottom without setting a height of the whole content container?

[Kravvitz]

Next time please start your own thread.

Perhaps these will help you:
Lock the footer to the bottom of viewport (http://garyblue.port5.com/webdev/footertest.html)
How do you put a footer at the bottom of the window? (http://www.sitepoint.com/forums/showpost.php?p=1239966&postcount=3)