I am creating a site for client and having issues with the layout. What I want to do is have the header,content and foot. The head and foot are fixed heights but I would like the content box with a background color of white to fill the empty space on the screen when I don't have much content on the page.
http://subcat-demo.com/burbank-new/test.php
It seems like I have tried everything! My client has a high res screen so she is seeing the gray at the bottom. Essentially I want it to be at the bottom following the content no matter the amount of content.
It's alot of code to post so if you can look at the source code and the style sheet is http://subcat-demo.com/burbank-new/style.css
I would appreciate any help! My client is getting a little frustrated as am I.
You want a sticky footer.
You want a sticky footer. Other things you should do:
- replace all those images you're using for lines in the footer with CSS borders
- use lists for your navigation
- remove all the inline style attribtues (particularly ones setting height in pixels)
- use CSS to create your nav rollovers instead of javascript
- remove all the align attributes from divs; that's what CSS is for
