колонки одинаковой высоты
<div class="columns">
<div class="left"> левая колонка </div>
<div class="center"> центральная колонка </div>
<div class="right"> правая колонка </div>
</div>
<style>
/* обёртка колонок */
.columns {
display: table;
width: 100%;
-webkit-box-sizing: border-box; /* фикс для старых Chrome и Safari */
-moz-box-sizing: border-box; /* фикс проблемы для Firefox */
box-sizing: border-box; /* не поддерживается в CSS2 */
margin-left: 0;
margin-right: 0;
}
/* сами колонки */
.columns > div,
.columns > noindex > div {
display: table-cell;
vertical-align: top;
width: auto;
position: relative;
-webkit-box-sizing: border-box; /* фикс для старых Chrome и Safari */
-moz-box-sizing: border-box; /* фикс проблемы для Firefox */
box-sizing: border-box; /* не поддерживается в CSS2 */
}
</style>