Question

i have created a website and having trouble with its height. i tried almost all ways but same results. I want to change the height of element dynamically.

please check the website (left side of the content.)
Website Link

its HTML is:

<div id="leftBar">&nbsp;</div>

its CSS is:

#leftBar {
    background: url("images/leftbar-bg.gif") no-repeat scroll 0 0 #7A2652;
    float: left;
    height: 100%;
    margin-bottom: 7px;
    margin-right: 12px;
    min-height: 925px;
    width: 75px;
}

please check friends and help me..

thank you

Answer 1

@Muzammil wrote:

can u tell me how i do this..

Sure… Make these changes:

Delete:

<div id="leftBar"></div>

Change:

#site{
  width:966px;
  margin:0 auto 25px;
  border: 7px solid white;
  background:url("images/leftbar-bg.gif") no-repeat scroll 6px 85px #7A2652;
}

#inner {
    float: left;
    margin: 12px 0 12px 75px;
    padding-left: 12px;
    padding-right: 8px;
    background-color: white;
}

Sorted.