Разделы
Теги | RSS © 2008 – 2022
Контакты
email:
skype:
Вернуться
» » » Блоки-колонки одинаковой высоты

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


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

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

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

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

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