Верстаем колонки одинаковой высоты
Сегодня нашел отличный способ, с помощью которого можно сделать колонки одинаковой ширины (независимо от количества содержимого), не прибегая к таблицам.
Кто автор - честно не знаю. Собственно html код:
<div class="content">
<div class="left">Текст
</div>
<div class="right">Много текста<br/>Много много
</div>
</div>* This source code was highlighted with Source Code Highlighter.
Теперь "о плюшках". Код css:
.content {overflow:hidden;}
.left, .right {
float:left;
padding-bottom:10000px;
margin-bottom:-10000px;
border-right:1px solid red;
}* This source code was highlighted with Source Code Highlighter.
Работает во всех бразуерах. IE7+.