View Full Version : Need help with page size

04-11-2011, 02:45 PM
This issue has been driving me nuts and like i said the first time, i'm sure it's right under my nose.


This is the current project.

The client wants the footer to float to the bottom on the content but not have any white space below, or larger screens. By larger I'm talking about anything larger than 1024x768, which it looks perfect on.

I'm on a 24inch iMac. Dimensions 1920x1200. Below I've posted a picture to hopefully show you what we want to do, and what I have done.

This is what I have so far. Right now my biggest concern is removing the excess scroll on this. I searched all over my code, i have no idea where this extra space is coming from.

At this point I'm not sure if this is possible. But this is what the client wants. I've been trying to think of a simple solution but not 1 plan has worked out. And a 100% footer creates a huge scroll issue. But to explain more, they want it so that people on larger screens who have large windows like this, the that footer will extend past the bottom, but with the color there.

I anyone can help with any of these issues, or provide any input as to how to go about fixing/doing these, it is GREATLY appreciated.

Thank you

04-11-2011, 03:14 PM
I am not very good at this, so I am pretty sure I am wrong, but you seem to have killed <ul> twice instead of once at line 136

<div class="clear"></div>

Although can't see how this affects your size. But you should take care of it anyways.

By the way, great idea of saving space through the switching menus. This is not as boring as a proper slider and much better than jamming everything together. Kudos.

04-11-2011, 11:00 PM
The technique to do this is called the sticky footer (http://ryanfait.com/sticky-footer/).