Делаем html блоки одной высоты

Возврат к списку

equal_column_height.png

Очередная мини заметка на тему как сделать HTML блоки одинаковой высоты, при условии что блоки разной высоты (в зависимости от наполнения контентом) и высота блоков должны быть равна высоте самого высокого.

Роль помощника в этом вопросе берет на себя плагин Simple Equal Heights Пример работы плагина вы можете увидеть на демо странице.

Для корректно работы, на сервере должна быть подключена JQuery библиотека, версия не ниже 1.7.2 Пример инициализации плагина, внутри блока с ID equalheight  будут обработаны все div блоки и им будут установлена одинаковая высота. 

	<script>
		$('#equalheight div').equalHeights();
	</script>   

На этом все, желаю удачи во внедрении и пользуйтесь готовыми инструментами. В конце статьи прикрепил архив библиотеки. 



BvZBvZ26.05.2016 в 20:56
0
Спасибо за статью, помогла.
ответная реплика


Возврат к списку

Теги
1c addurl AutoGRAPH.NET_Service Bitrix Bootstrap chmail.ru CMS curl DLE ERP Exel gmail google hdd hide html input Java script окна javascript Jquery JS JSON keywords mail.ru memori news.list No captcha nsma PHP php php attach PR recaptcha repair retweet script Sdorgen sdorgen select sms snagit Spam Test Twitter ucoz utf-8 VK wrike X-Satellite XHE xhe yandex yandex webmaster youtube автограф автокликер автоматизация автопостер ап ТИЦ АРМ Битрикс битрикс БП3 валюты видео внешнее соединение время ВТБ24 грамотное написание графика даты запрета день рождение дерево значений договор ЕГРЮЛ ЖЖ заказы заполнение ТЧ запонение ТЧ запрос 1С зарплатный реестр ЗУП ИТС календарь КЛАДР книги кодировка комментарии координаты координирование проектов МБ-8 меню модальное окно народ НДФЛ обмен обработка ок рубль организационные структуры управления проектами остатки на складе отчет плавающий блок постинг ПР программы для управления проектами ПФ расчет расстояния сервис система управления проектами скрипт скрыть блок смс софт таймер такси ТИЦ УАТ УП управление содержанием проекта фоновые задания чекер