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 to the CF scene
    Join Date
    Jan 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question CSS Layout Overflow Problem

    Hello,

    Please see the following page:
    http://www.playground.non.php5-2.web...k.com/problem/

    The divided regions have had their background colors changed to highlight each block's space.

    I am having two problems which you can see if you scroll to the bottom of the page. (Note: At this point in the development cycle the Windows/IE functionality is not of concern.)

    1) It appears that the content (#content-wrapper) is currently overflowing the body element. How do we stretch the body element to accommodate the contents of the div "#content-wrapper"?

    2) I wish to have the footer at the absolute bottom of the screen at all times. When the content of the div (#left-content) does not contain as much text, how can we assure that the layout will occupy 100% height of the browser window.

    Thank you in advance for your help. It is much appreciated!!

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    try this

    Code:
    html,body {
    height: inherit;
    }
    It worked when i did it, but see anyways!!

  • #3
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It's always that one little thing isn't it? Thanks for the help. Seems to do the trick.

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    Cool, its always one thing with CSS, but thats why its so great i guess.


  •  

    Posting Permissions

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