Web Analytics Made Easy -
StatCounter I can't get div autoheight to work - CodingForum

Announcement

Collapse
No announcement yet.

I can't get div autoheight to work

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • I can't get div autoheight to work

    Hello!

    After hours of searching web and with no result I would like to ask for some advice.

    There is a space between content and footer which I would like to fill with a div that takes up all of that space.

    I tried adding height:100% and min-height:100%, but with no luck.

    Parent div's of this div are also set to height:100%

    Code:
    <head>
    <body>
    <div id="content_wrap">
       <table id="pageLayout" class="pageLayout hideBoth">
       <div id="books">Test</div>
       <div class="push"></div>
    </div>
    <table id="footer_table">
    Code:
    html {
        height: 100%;
        margin: 0;
    }
    
    body {
        background: url("../images/css_images/bg.jpg") repeat-x scroll 0 0 #E8E8E8;
        font-family: Trebuchet MS,verdana,geneva,arial,helvetica,sans-serif;
        font-size: 12px;
        height: 100%;
        margin: 0 auto;
        padding: 0;
        text-align: left;
    }
    
    #content_wrap {
        height: auto !important;
        margin: 0 auto -30px;
        min-height: 100%;
        width: 900px;
    }
    
    table.pageLayout {
        border: 0 none;
        height: 100%;
        width: 100%;
    }
    
    #books {
        background: url("../images/css_images/books.jpg") repeat-y scroll right bottom transparent;
        height: 100%;
        margin: 0 auto;
        width: 500px;
    }
    div in question can be seen here, it contains word ""test" - http://goo.gl/ZP0At

    I'm also using sticky footer - link
Working...
X