Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Junior Member
    Join Date
    Feb 2011
    Posts
    8
    Member #
    26984
    Okay, so i'm having trouble getting 100% height to work for multiple divs on my page. Now it does work when the html, body height is set to 100%, but that causes my footer to float half way up the page. When the height:100% is removed from the html, body div the footer returns to the correct location except the divs that should have a height of 100% no longer do. Any ideas?

    Code:
    html, body
    {
        height:auto;
        width:100%;
        margin:0px;
        padding:0px;
        background-position:center;
        background-color:#0053df;
        font-family:Georgia, "Times New Roman", Times, serif;
    }
    
    div#container
    {
        height:100%;
        width:100%;
        margin:0;
        padding:0px;
        background-color:#0053df;
    }
    
    div#header
    {
        margin-left:0px auto;
        margin-right:0px auto;
        height:195px;
        width:1280px;
        top:0px;
        text-align:center;
    }
    
    div#navigation_bar
    {
        height:85px;
        width:100%;
        top:195px;
        padding:0;
    }
    
    div#content
    {
        height:100%;
        width:1280px;
        margin-left:-640px;
        position:relative;
        left:50%;
        top:0px;
        padding:-71px;
    }
    
    div#left_sidebar
    {
        height:100%;
        width:183px;
        top:0px;
        float:left;
    }
    
    div#wordpress_box
    {
        height:100%;
        width:916px;
        float:left;
        top:0px;
        margin-left:0 auto;
        margin-right:0 auto;
        padding:0px;
    }
    
    div#right_sidebar
    {
        height:100%;
        width:181px;
        top:0px;
        float:left;
    }
    
    div#textbox_top
    {
        height:36px;
        width:916px;
        margin-left:0px auto;
        margin-right:0px auto;
        float:left;
        top:0px;
        padding-bottom:8px;
        clear:right;
    }
    
    div#textbox_leftside
    {
        height:100%;
        width:38px;
        float:left;
    }
    
    div#wordpress
    {
    
        width:634px;
        float:left;
        background-color:#efefef;
    
    }
    
    div#wpdivider
    {
    
        width:56px;
        float:left;
    }
    
    div#wpsidebar
    {
    
        width:150px;
        float:left;
        background-color:#efefef;
        list-style-type:none;
    }
    
    div#textbox_rightside
    {
    
        width:38px;
        float:left;
        margin-left:-38px;
    }
    
    div#text_bottom
    {
        float:left;
        height:36px;
        width:916px;
        bottom:0px;
        padding:0;
    }
    
    div#footer
    {
        height:71px;
        width:100%;
        position:relative;
        bottom:0px;
        margin:0;
        overflow:hidden;
        clear:both;
    }
    
    div#textbox_top
    {
        height:28px;
        width:916px;
        margin-left:0px auto;
        margin-right:0px auto;
        float:left;
        top:280px;
        clear:left;
    }
    
    div#wordpress_content
    {
        height:100%;
        width:916px;
        position:relative;
        top:0px;
        margin:0px;
        padding:0px;
    }
    
    div#sbborder
    {
    
        width:188px;
        float:left;
    }
    
    div#wordpress_text
    {
    
        width:624px;
        margin-left:5px;
        margin-right: 0 auto;
        background-color:#efefef;
    
    }
    
    span#blog_title
    {
        text-align:center;
        text-align:
    }
    
    a:link
    {
        text-decoration:none;
        color:#1c6aed;
    }
    
    a:visited
    {
        text-decoration:none;
        color:#1c6aed;
    }
    
    a:hover
    {
        font-weight:bolder;
        color:#1c6aed;
    }
    
    a:active
    {
    text-decoration:none;
    }
    
    div#comment_box_outer
    {
        width:614px;
        height:auto;
        margin-left:5px;
        margin-right: -10px;
        background-image:url(images/comment%20background.jpg);
    }
    
    div#comment_box
    {
        width:500px;
        margin-left:30px;
        margin-right: 10px;
        padding-bottom:25px;
    }
    
    span#cancel_reply
    {
        color:#54c7f1;
    }
    /*
    input#author
    {
        background-color:#efefef;
    }
    
    input#email
    {
        background-color:#efefef;
    }
    
    input#url
    {
        background-color:#efefef;
    }
    
    textarea#comment
    {
        background-color:#efefef;
    }
    */
    
    div#comment1
    {
        border:solid;
        border-width:3px;
        border-color:#9d9fa0;
        padding:5px;
        width:565px;
    }
    
    h3#comments-title
    {
        text-align:center;
    }
    
    div#comment_area
    {
        width:634px;
        height:100%;
        position:relative;
        top:0px;
    }

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:24 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com