Блоки-колонки одинаковой высоты

Может и писал, а может и нет, не помню, но сталкиваются веб-дизигнеры с этим часто.

Использование свойства display: table Метод 1
Это наиболее простой и легкий способ создания колонок одинаковой высоты, в отличие от других методов. Этот метод не работает в браузерах IE7 и ниже. (опять ИЕ выебнулся)

Использование javascript Метод 2
Главное преимущество метода – он работает во всех браузерах и вам не нужно напрягаться с CSS кодом для выравнивания высоты.

Искусственные колонки Метод 3
Очень простая реализация. Этот метод можно использовать только для макетов/колонок фиксированной ширины.

Использование раздельных блоков с фоном Метод 4 Метод 4.1
Этот способ основан на использовании раздельных блоков div, каждый из которых имеет свой фон и принимает значение высоты элемента, который он включает. Этот способ в деталях описан здесь

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *