Блоки-колонки одинаковой высоты #
Может и писал, а может и нет, не помню, но сталкиваются веб-дизигнеры с этим часто.
Использование свойства display: table Метод 1
Это наиболее простой и легкий способ создания колонок одинаковой высоты, в отличие от других методов. Этот метод не работает в браузерах IE7 и ниже. (опять ИЕ выебнулся)
Использование javascript Метод 2
Главное преимущество метода – он работает во всех браузерах и вам не нужно напрягаться с CSS кодом для выравнивания высоты.
Искусственные колонки Метод 3
Очень простая реализация. Этот метод можно использовать только для макетов/колонок фиксированной ширины.
Использование раздельных блоков с фоном Метод 4 Метод 4.1
Этот способ основан на использовании раздельных блоков div, каждый из которых имеет свой фон и принимает значение высоты элемента, который он включает. Этот способ в деталях описан здесь
Использование свойства display: table Метод 1
Это наиболее простой и легкий способ создания колонок одинаковой высоты, в отличие от других методов. Этот метод не работает в браузерах IE7 и ниже. (опять ИЕ выебнулся)
Использование javascript Метод 2
Главное преимущество метода – он работает во всех браузерах и вам не нужно напрягаться с CSS кодом для выравнивания высоты.
Искусственные колонки Метод 3
Очень простая реализация. Этот метод можно использовать только для макетов/колонок фиксированной ширины.
Использование раздельных блоков с фоном Метод 4 Метод 4.1
Этот способ основан на использовании раздельных блоков div, каждый из которых имеет свой фон и принимает значение высоты элемента, который он включает. Этот способ в деталях описан здесь
