1 reply [Last post]
mmsimon
mmsimon's picture
User offline. Last seen 1 year 24 weeks ago. Offline
newbie
Timezone: GMT-6
Joined: 2010-08-19
Posts: 1
Points: 2

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.

Tyssen
Tyssen's picture
User offline. Last seen 1 day 5 hours ago. Offline
rank Moderator
Moderator
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8123
Points: 1302

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

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference