Школа физики

Школа физики

Персональный сайт учителя физики
Лях Владимира Петровича

Вторник, 26 мая 2015 10:17

Выравнивание колонок сайта по высоте с помощью JavaScript

Автор
Оцените материал
(1 Голосовать)

Когда сайт верстается не таблицами, а блоками <div>, встаёт проблема выравнивания колонок по высоте в зависимости от содержимого.

Обычно я для сайтов использую трёхколоночный макет, и в разных разделах сайта эти колонки получаются разной высоты. Где-то левая колонка выходит выше других, где-то правая. Мне понадобился приём, который бы автоматически выровнял все три колонки по высоте самой высокой колонки.

Такой приём я нашёл на сайте dynamicdrive.com, опробовал его на своём сайте и получил то, что нужно.

Для реализации необходимо:

  1. Скачать скрипт JavaScript c сайта разработчика и поместить его в директорию со скриптами своего сайта.

  2. Прописать ссылку на скрипт в коде страницы между
    <head></head>
    <script src="/ваша директория/equalcolumns.js" type="text/javascript"></script>
  3. Для того чтобы скрипт работал именно в нашем макете нужно изменить базовые настройки в самом файле скрипта вот здесь:

    ddequalcolumns.columnswatch=[«leftcolumn», «rightcolumn», «contentwrapper»]

    Соответственно «leftcolumn», «rightcolumn», «contentwrapper» — меняем на названия наших идентификаторов [Id].

 

Донец 14

Выпускник школы

Другие материалы в этой категории: « Полезные приёмы для вебмастера

Добавить комментарий


Защитный код
Обновить

Комментарии

  • Евгений Евгений 25.11.2017 16:51
    Наконец то Урок по всем современным требованиям. Мугамба доволен!!!!!!!!! Не просто СПАСИБО! А ...

    Подробнее...

     
  • Олег Олег 02.11.2017 16:17
    Владимир, а где сегодня можно купить омагничиватель воды СО-2 или СО-3?

    Подробнее...

     
  • Тимур Тимур 22.09.2017 08:36
    Доброго времени суток, на вашем сайте наткнулся на фотографию учебного вольтметр-термо метра ...

    Подробнее...