I have basically 3 div containers, the div container named main contains the other 2 containers left and right respectively. My left container floats left and my right container floats right. The right containers height changes in different pages according to content, and my left container always has the same content.
Now, how would i make my left container height grow so that it matches up with the right container, in different pages?.
Can anyone help me with this, i would really appreciate it.
Expand|Select|Wrap|Line Numbers
- <div id="main">
- <div id="left">
- </div>
- <div id="right">
- </div>
- </div>
Expand|Select|Wrap|Line Numbers
- #main{
- width: 746px;
- background: #FFFFFF;
- margin: 0 auto;
- border: 1px solid #000000;
- text-align: left; }
- #left {
- width: 148px;
- float: left;
- height: 100%;
- background-color: #5A6577; }
- # right{
- zoom: 1;
- width: 595px;
- float: right;
- }