Equal Column Heights
- by cjmcjm
I want the east and west divs to extend down to match the height of the center div... possible?
Thanks so much.
.con{
padding-left: 22px;
padding-right: 22px;
overflow: hidden;
}
.col{
position: relative;
float: left;
}
.west{
width: 7px;
right: 22px;
margin-left: -100%;
background: url(http://www.example.com/west.png) repeat-y;
padding: 0 0 0 15;
}
.east{
width: 7px;
margin-right: -22px;
background: url(http://www.example.com/east.png) repeat-y;
padding: 0 15 0 0;
}
.center{
width: 100%;
}
<div class="con">
<div class="center col">
Test Text<br/>
Test Text<br/>
Test Text<br/>
Test Text<br/>
</div>
<div class="west col">
</div>
<div class="east col">
</div>
</div>
