Колонки одинаковой высоты.
Итак, задача сделать разметку в 3 колонки, при этом, чтобы колонки были равной высоты, вне зависимости от объема контента в каждой из них.
Основа трёх колонок
Исходный HTML:
<div class=”equal”>
<div id=”row” class=”row”>
<div class=”one”>
<h2>Контейнер</h2>
<p>…обычный параграф…</p>
</div>
<div class=”two”>
<h2>Другой контейнер</h2>
<p>…обычный параграф…</p>
<p>…другой обычный параграф…</p>
</div>
<div class=”three”>
<p>…отцентрированный по вертикали параграф…</p>
</div>
</div>
</div>
С помощью CSS сделаем так, чтобы этот набор блоков отображался как таблица:
.equal {
display:table;
border-collapse:separate;
}
.row {
display:table-row;
}
.row […]
Как создать стили только для IE
Всем известно что браузеры IE некоректно работают с CSS. Мало того, у них у всех разные ошибки, ошибки которые сть в одной версии, отсутствуют в другой. Для создание стилей IE есть несколько методов: условные комментарии (Conditional Comments) и css хаки. Лично я отдаю предпочтение условным комментария.
Различные таблици стилей, для различных версий […]
