Log in

View Full Version : css layout help



mettleceo
04-17-2008, 09:36 PM
I'm having trouble with my footer lining up right at the bottom of the page. Basiclly if you look how i'm trying to lay the page out you'll see that below the image of vines i want 2 columns and the footer to float below so if I add content to each column the footer will always remain at the bottom adjusting depending on how much content is in each column. I'm not sure I have the css right and was wondering if anyone could help with that.

Also there seems to be a lot of empty space between the content in the columns and the footer and I can't figure out how to get rid of that. I've attached the files for you.
Here is the page i'm trying to fix....

http://caveauwinebar.com/index2.htm

and here is the css file
http://caveauwinebar.com/caveaucss.css

Thank you!

Medyman
04-17-2008, 11:57 PM
Footer woes?
Get down! How to keep footers at the bottom of the page (http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page)

Empty space?

#leftcolumn{
float:left; /*Set right margin to RightColumnWidth*/
margin-right:450px;
background-color:;
width:450px;
height:610px;
}

You have an explicit height of 610px set. You're obviously not filling it all. So either get rid of it altogether or reduce it.