Две колонки одинаковой высоты

метод от Чикуенка

by selahssea

HTML

<div class="col-wrap1">
    <div class="col-wrap2">
        <div class="col1">left column</div>
        <div class="col2">center column</div>
        <div class="clear"></div>
    </div>
</div>

CSS

.col-wrap1 {
width:25%;
background:blue;
}
 
.col-wrap2 {
width:200%;
margin-right:-100%; /* чтобы IE6 не раздвигал контейнер */
position:relative;
left: 100%;
background:red;
}
 
.col1 {
float:left;
width:50%;
margin-right:-100%;
position:relative;
left:-50%;
}
 
.clear {
clear:both;
font-size:0;
overflow:hidden; /* тройной презерватив для IE */
}