i konw, this is asked a lot, and yes, i read the post called 100%.
I have a wrapper div- to position my pages in the center
another div inside to contain all the content
inside is a left column (#slim_left) and a right column (with two more columns inside that)
the left column will only extend as long as it's content.... i want it to extend with the wrapper divs final height.
what am i not getting? Why is height 100% not enough?
#w
{
margin: 0 auto;
width: 1014px;
text-align: center;
}
#wrapper_contents
{
width:1000px ;
margin: 0 auto;
background-color:#fff;
}
div.slim_left
{
width: 195px;
background-color: #e0ded8;
height: 100%;
float: left;
display: inline;
border-top: thin solid #fb4f14;
margin-top: 50px;
}
div#right_col
{
float: right;
}
div#right_col div#lower_center /*middle col*/
{
clear: both;
width: 415px;
float: left;
margin-right: 15px;
}
div#right_col div#lower_right /*far right col*/
{
background-color:#f7f7f5;
float: left;
display: inline;
height: 100%;
}