Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Mar 2005
    Location
    UK
    Posts
    79
    Thanks
    1
    Thanked 0 Times in 0 Posts

    CSS Layout elements 100% height

    Hi,

    I have a site layout built in CSS and am trying to get it so that the main content area flows to 100% height in the users web browser.

    There are 3 main areas: the header (containing the menu etc.) then the main area under that, and a footer right at the bottom. I want the header and the footer to be fixed heights with the main content area flowing to full height (ie so the page overall fills the 100% height) if there is not enough content or expanding longer if there is too much.

    I have had several attempts and have not yet managed to work out how to do this. Any help would be greatly appreciated.

    Many Thanks
    Andrew,
    AKA ItsMe

  • #2
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Maybe something like this: http://bonrouge.com/3c-hf-fluid-lc.php

  • #3
    New Coder
    Join Date
    Mar 2005
    Location
    UK
    Posts
    79
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Hi - Thanks for that link... From that i found http://bonrouge.com/hcf-fluid.php which is more what i want.

    However i have just been trying to work it into my style and on that page there is a <div id="content"> ... </div> called but no where can i see content defined so i'm finding it tricky to understand and make it work.

    This is the one im working on currently: *link removed*. All i cannot do is make the box with 'content' in it flow to the full height as i want.

    Thanks again.
    Last edited by ItsMe; 05-08-2007 at 07:14 PM.
    Andrew,
    AKA ItsMe

  • #4
    New Coder
    Join Date
    Mar 2005
    Location
    UK
    Posts
    79
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I have managed to sort this one out now. Thanks a lot for you're help and suggestion!
    Andrew,
    AKA ItsMe


  •  

    Posting Permissions

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