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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    DIV height 100% ?

    Hi, I want to increase test categories div height 100% with background image. This panel is on left side. Here is the URL: The Euro Grads (Get Better Results)

    HTML Code:

    <div id="rightmenu">
    <div id="menuheadback"><div class="menuhead">Test Categories</div></div>
    <div id="manuelinks">
    </div>
    </div>
    CSS Code:
    #rightmenu
    {
    float:left;
    width:240px;
    }
    #menuheadback
    {
    width:240px;
    height:38px;
    background-color:#000000;
    }
    .menuhead
    {
    color:#FFFFFF;
    font-family:Verdana;
    font-size:20px;
    font-weight:bold;
    padding-left:10px;
    padding-top:5px;
    }
    #manuelinks
    {
    width:240px;
    background-image:url(images/menubackground.jpg);
    height:100%;

    }
    i try so many things but can't able to increase the height to 100%;.
    Any one can help me plzz

  • #2
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    100% relative to what.

    100% of a child element will be relative to its parent.

    if its parent is 1000px, 100% is a 1000px. if a parent is 2px, 100% is 2px. try setting the parent to a height. if your trying to get equal height columns, then your going to have to go with something called faux columns http://www.alistapart.com/articles/fauxcolumns/


  •  

    Posting Permissions

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