height autoflow autofill into out div
- by Brian Putt
I have a fiddle(http://jsfiddle.net/pwnagecss/LnNYv/) and need help in making it so the classes sideBar, and rightContentWrapper autofill to the height.
<div class="wrapper">
<div class="sideBar">
</div>
<div class="rightContentWrapper">
<div class="rightContent">
</div>
</div>
</div>
.wrapper {
width: 960px;
height: 100%;
margin: 0 auto 20px auto;
padding: 0;
background-color:black;
}
.wrapper:after{
clear: both;
display: block;
height: 0;
visibility: hidden;
content: "0020";
}
.sideBar {
float: left;
width: 200px;
background-color:blue;
min-height: inherit;
height: 100%;
}
.rightContentWrapper {
float: left;
width: 760px;
height: 100%;
min-height: inherit;
}
.rightContent {
margin: 0 auto;
background-color: red;
min-height: inherit;
}
Any help is appreciated
