dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: DIV height 100% ?

  1. #1

    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. #2
    Join Date
    Jul 2006
    Posts
    207
    Using CSS for this can give you screwy and mixed results more than likely, what you want to do is use jQuery to grab the height of #leftpanel and give it to #rightmenu.

    CSS-wise, height: 100%; on the #maincontainer, #innercontainer and #rightmenu strips with overflow: hidden; from #maincontainer removed will give you the closest result, but it's still not exact.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles