Размеры блоков в шаблоне (1x2x2) IP.Content 2.3.6

[salex]

Доброго дня.

Столкнулся с такой задачей.

Форум 3.4.5. IP.Content 2.3.6 - корневое приложение. Имеем главную страницу с шаблоном Front Page (1x2x2 Layout).

Привожу фрагмент проблемы.

 

 

Попробовал ограничить картинки по размеру

{parse resize_image="$data['records'][0]['article_image']" maxwidth="150" maxheight="150"}

Стало лучше, но не все блоки выровнялись. В зависимости от разрешения экрана и браузера блоки отображаются по разному по высоте.

 

Как сделать фиксированный размер блоков или что посоветуете сделать, чтобы блоки стали одинаковыми по высоте?

[Bot]

Обратите внимание

По указанному вами в профиле "Board url" находится не IP.Board, либо модифицированный пиратский скрипт с удаленными копирайтами. Если вы указали неверный URL, пожауйста, поправьте его, потому что он скорее всего потребуется при диагностике вашей проблемы. Нелицензионные скрипты не приветствуются, т.к. зачастую именно некорректное "нуление" и является причиной проблем в них.

[salex]

Почему бот пишет пиратский код? Лицензия.

[Атаман]

Вы ничего с этим не сделаете, Вам нужно описание делать с одинаковым колл символов.

[salex]

Да. Но количество символов одинаково в каждом блоке...

[Атаман]

Но на скриншоте Видно абзацы. Я сам столкнулся с этой проблемой, хочется чтоб было все равномерно.

[salex]

Жаль конечно... и не продуманно как-то.

[Dmitriy427]

А что вам мешает сделать блоки с фиксированной высотой? Можно и с полосой прокрутки, до кучи...

http://htmlbook.ru/css/height

http://htmlbook.ru/css/overflow

http://htmlbook.ru/css/overflow-y

[salex]

А что вам мешает сделать блоки с фиксированной высотой? Можно и с полосой прокрутки, до кучи...

Попробовал... Вроде получилось

В styles.css добавил новый класс ipsBox_cont:

 

.ipsBox_cont
   overflow-y: hidden;
   width: 370px;
   height: 300px;
   padding: 10px;

 

В шаблоне (1х2х2) добавил класс в следующем месте:

 

<!-- START ARTICLE POSITION 2 -->
       <foreach loop="$data['records'] as $k => $record">
               <if test="$k != 0">
                       <div class='ipsBox <if test="$k % 2">left<else />right</if>'  style='width: 47%'>
                               <div class='ipsBox_container ipsPad ipsBox_cont'>

 

Но есть одно но... Если изменить размер окна браузера, к примеру его уменьшить, то блоки эти естесственно не подвижны и накладываются на боковую колонку.

Edited October 29, 2013 by salex

[Dmitriy427]

Для ip.content своя таблица стилей есть - ipcontent.css, лучше в неё добавляйте всё, что только с контентом работает.

 

Но есть одно но...

"width: 370px;" удалите.

[salex]

Для ip.content своя таблица стилей есть - ipcontent.css, лучше в неё добавляйте всё, что только с контентом работает.

 

"width: 370px;" удалите.

И снова спасибо Вам за помощь)

[Атаман]

Я сделал, спасибо.

 

overflow-y: hidden;;

height: 350px;

padding: 10px;