JS        10 декабря 2015        842         0

Простой способ создать колонки одинаковой высоты на JS

Как создать колонки одинаковый высоты? Этим вопросом задаются многие верстальщики и веб-мастера при разработке и проектировании шаблона с несколькими колонками. Существует много методов выравнивания блоков, сегодня я познакомлю Вас с методом выравнивания высоты колонок с помощью JS скрипта.

Структура документа

Для начала мы определимся со структурой документа, а точнее сайта. Я настоятельно рекомендую использовать современные стандарты и использовать HTML5 при проектировании Вашего сайта.

Базовая структура

Обращаю ваше внимание на то, что обязательно использование специального класса

у родителя для работы скрипта Другими словами, вам нужно найти блок который отвечает за вывод всех колонок, у меня это section и задать ему

Подключения скрипта

Открываем шаблон сайта и подключаем библиотеку Jquery (Если она у вас подключена пропускаем этот шаг) Я вывожу ее в футере и подключаю таким кодом

Сразу после нее вставляем следующий код. Это сам наш скрипт который позволяет сделать колонки с одинаковой высотой.

Теперь сохраняем шаблон и обновляем страницу. Вуаля! Все работает!

Оцените эту запись

comments powered by HyperComments