Форум русской поддержки Joomla!® CMS
06.12.2016, 00:45:46 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 261 раз)
0 Пользователей и 1 Гость смотрят эту тему.
BrutalMan
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 30


« : 05.08.2016, 22:29:53 »

Здравствуйте. Имеется сайт http://adventurezone.ru/. Есть модуль Gaming News. Он меня устраивает, но высота каждого столбца по высоте разная. Я так понимаю это связано с высотой заголовка и высотой текста. Но ведь они не могут всегда быть одинаковыми. Хотелось бы чтобы столбцы были выровнены по высоте за счет пустых мест под текстом. Если кто-нибудь подскажет как это сделать - буду очень признателен...
Записан
kik84
Живу я здесь
******

Репутация: +59/-4
Offline Offline

Сообщений: 1307



« Ответ #1 : 06.08.2016, 11:43:31 »

Наверное, через min-height
Записан
AlekVolsk
Профи
********

Репутация: +316/-3
Offline Offline

Пол: Мужской
Сообщений: 6456



« Ответ #2 : 06.08.2016, 15:27:23 »

вариант 1) для всех блоков установить одинаковую высоту, но тогда при изменении ширины блоков придется выеживаться для каждого разрешения экрана
вариант 2) использовать js, примеров в сети вагон. в некоторые css-фреймворки это даже встроено
Записан
kik84
Живу я здесь
******

Репутация: +59/-4
Offline Offline

Сообщений: 1307



« Ответ #3 : 06.08.2016, 18:41:20 »

вариант 2) использовать js, примеров в сети вагон.
а как гуглить?
Записан
fbr
Живу я здесь
******

Репутация: +136/-6
Offline Offline

Сообщений: 1250


« Ответ #4 : 06.08.2016, 18:49:54 »

"jquery выравнивание блоков по высоте"
Записан
BrutalMan
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 30


« Ответ #5 : 07.08.2016, 23:20:34 »

Спасибо за ответ. При использовании min-height блок залезает за тот, что находится под ним. Как это исправить?
Записан
neogeek
Давно я тут
****

Репутация: +18/-2
Offline Offline

Сообщений: 212


« Ответ #6 : 08.08.2016, 07:30:15 »

можно с помощью jQuery выравнивать(.column замените на свой класс - он должен быть у всех блоков которые нужно выровнять по высоте)

Код:
<script type="text/javascript">
  var jQuery = jQuery.noConflict();
  function equalHeight(group) {
    var tallest = 0;
    group.each(function() {
      thisHeight = jQuery(this).height();
      if(thisHeight > tallest) {
        tallest = thisHeight;
      }
    });
    group.height(tallest);
  }

jQuery(window).load(function () {
  equalHeight(jQuery(".column"));
});

jQuery(window).resize(function () {
  equalHeight(jQuery(".column"));
});
</script>
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet