Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Sep 2009
    Thanked 0 Times in 0 Posts

    Need help with page size

    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

  • #2
    New Coder
    Join Date
    Apr 2011
    Thanked 0 Times in 0 Posts
    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.

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Thanked 265 Times in 263 Posts
    The technique to do this is called the sticky footer.


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts