Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

Problem with 100% height div

  • 10-04-2011 03:28PM
    #1
    Closed Accounts Posts: 1,419 ✭✭✭


    Hi, I'm going nuts.
    I want a wrapper div to display 100% of the page height no matter what the size of the content of that wrapper.:confused:
    Here's my CSS code:

    #wrapper {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    color: #666666;
    width: 760px;
    margin-right: auto;
    margin-left: auto;
    background-color: #CCCCCC;
    position: relative;
    min-height: 100%;
    }

    html, body {

    height: 100%;

    }

    All of the divs contained inside the wrapper div are set to absolute.
    Any help at all would be much appreciated.


Comments

Advertisement