Когда сайт верстается не таблицами, а блоками <div>, встаёт проблема выравнивания колонок по высоте в зависимости от содержимого.
Обычно я для сайтов использую трёхколоночный макет, и в разных разделах сайта эти колонки получаются разной высоты. Где-то левая колонка выходит выше других, где-то правая. Мне понадобился приём, который бы автоматически выровнял все три колонки по высоте самой высокой колонки.
Такой приём я нашёл на сайте dynamicdrive.com, опробовал его на своём сайте и получил то, что нужно.
Для реализации необходимо:
- Скачать скрипт equalcolumns.js c сайта разработчика и поместить его в директорию со скриптами своего сайта.
- Прописать ссылку на скрипт в коде страницы между
<head></head>
<script src="/ваша директория/equalcolumns.js" type="text/javascript"></script> - Для того чтобы скрипт работал именно в нашем макете нужно изменить базовые настройки в самом файле скрипта вот здесь:
ddequalcolumns.columnswatch=[«leftcolumn», «rightcolumn», «contentwrapper»]
Соответственно «leftcolumn», «rightcolumn», «contentwrapper» — меняем на названия наших идентификаторов [Id].