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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Nested CSS Full-Height DIV

    I have a somewhat complex design going on, so I've removed parts to display only what I need help with.

    http://www.behindlacrosse.com/test/demo.html

    On the right hand side, I have 3 divs, 2 with specific heights, and the one in the middle that I would like to repeat downward, so that the whole right hand side matches the height of the center (Body area), (so the bottom div hits the footer).

    I don't want to use the full-browser-height technique, by which the footer is always at the bottom of the page. And I know technically this would be easier with tables.. but what's the fun in that? And CSS is just so much nicer.

    Any help greatly appreciated! I've kept all the CSS code inside the HTML so it's easily viewable.

    Thanks

  • #2
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Do I need to provide anything else to get help?

  • #3
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well I found one of the problems.. I had accidentally set a height to right column div containing those 3 divs.

    That's been updated in the link above, but the problem remains the same.. how to expand a div to 100% of it's parent div, without using body/html{height:100%;} and setting a specific height on the parent. There must be some way with css to have a flexible parent div, and a div inside that can be expanded to 100% of the parent's height?


  •  

    Posting Permissions

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