Выравнивание блоков по высоте

Часто вид блочной верстки портится из-за разной высоты блоков (контейнеров) соседних колонок.

Упростить задачу по выравниванию высоты контейнеров и призван jQuery плагин Simple EQH.

1. Автоматическое выравнивание высоты указанных блоков по наиболее заполненному блоку, подобно тому как это происходило бы в табличной вёрстке.

2. Настраиваемые слекторы (классы) для указания блоков.

1. Подключаем плагин после подключения библиотеки jQuery

<script src="//simpleeqh.js" type="text/javascript"></script>

2. Активируем плагин добавив следующий код в тело вашей страницы, или добавив его в ваш скрипт файл:

$(window).load(function(){ 
$(".auto-height").simpleEQH();
});

Этот код выравняет высоту всех блоков с классом auto-height.

Если необходимо привести блоки с разными классами к одной высоте, то необходимо использовать следующий код:

$(window).load(function(){ 
$(".auto-height, .auto-height2").simpleEQH();
});

Этот код выравняет высоту блоков с классами auto-height и auto-height2 по наиболее заполненному блоку.

Если необходимо выравнять блоки с разными классами, каждый по наибольшему блоку своего класса, используем следующий код:

$(window).load(function(){ 
$(".auto-height").simpleEQH();
$(".auto-height2").simpleEQH();
});