Контейнеры для ответных виджета Wordpress

Question

У меня есть довольно конкретная проблема, с которой я сталкиваюсь, и разработчик темы отправился в МВД.

Я связал скринкап, в чем проблема, и я попытаюсь описать его как можно лучше здесь. Если вам нужна дополнительная информация, просто дайте мне знать, и я предоставлю как можно больше.

ScreenCap: http://tinypic.com/r/53le1l/8

Я использую довольно модифицированную версию этой темы, но ничего такого, что должно оказать влияние на функциональность темы:

http://www.themes.red-sun-design.com/?theme=lemonchili

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

структура домашнюю слой (от задней к передней): фоновое изображение -> фон боковой панели/меню & страница -> содержимое страницы (слайдер и виджеты)

Этот вопрос, с третьей стороной виджетов/плагинов и практически любого интерактивного контента, эти контейнеры не расширяются правильно и в конечном итоге оставляют большую часть контента невидимым.

Я использую плагин EventON (www.myeventon.com), и если в месяце есть 2 события, как показано в screencap, он отображает штраф. (ПРИМЕЧАНИЕ: при щелчке/выборе события в лайтбокс появляется информация о событии - это не проблема). Но если в месяц есть 2+ события, окно изменяет размер для отображения информации, но не изменяет размер, чтобы соответствовать всем остальным на странице.

Если вы посмотрите оригинальную демонстрацию темы, каждая ячейка имеет промежуток между каждым виджетами.

Когда вы смотрите на screencap, вы увидите, что расстояние уходит, а дополнительные события (я предполагаю) отображаются под виджетами ниже виджета eventON.

Мне нужно, чтобы каждый из этих контейнеров реагировал на содержимое, отображаемое в каждом из них, независимо от места размещения на странице, сохраняя одинаковый интервал между каждым контейнером виджетов. Кроме того, фактический фон страницы должен расширяться, чтобы соответствовать содержимому, что, похоже, не происходит.

Я пытался найти исправление около недели и полностью застрял.
Все это имеет смысл - если это сбивает с толку или если я не объясню это правильно, сообщите мне.

Спасибо.

Answer 1

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

Использование Красного Солнца Темы в качестве примера: Вы правы, переполнение содержимого из раздела «Последние изображения» (где у вас есть плагин) отображается под секцией «Следующее событие».

1. Одно быстрое решение, чтобы дать «Последние изображения» DIV (это тот, который держит ваш плагин) более высокий Z-индекс, чем «Next Event». Таким образом, он будет отображаться поверх «Следующего события», а не под ним. К счастью, плагин не слишком много переполнен. Не забудьте указать z-index для всех трех div в столбце. Пример: z-index: 10; для «Последние изображения», z-index: 9; для «Следующее событие» и z-index: 8; для дна «О» div.

2. В следующем размере высота вашего div всегда будет достаточной для плагина. Минимальная ширина может работать хорошо.

3. Затем переместите «Следующее событие» на несколько пикселей вниз, чтобы переполнение из «Последние изображения» не перекрывало верхнюю часть. Вероятно, вам тоже придется переместить «О».

4. Как только вы переместите остальные 2 divs вниз, нижний div может проталкиваться мимо нижней части контейнера, а его нижнее содержимое может быть скрыто. Одним из решений является уменьшение высоты divs за счет уменьшения размеров шрифтов/дополнений ... Другое решение - увеличить высоту основного div, который находится непосредственно под контейнером div. Похоже, что высота тоже в HTML-коде.

5. Примечание: с этой целью, похоже, что шаблон содержит стили div в html-коде, поэтому вам, возможно, придется внести корректировки (z-index, top positioning).

Другим решением было бы добавить полосу прокрутки (добавить ширину и переполнения: авто;) к «Последние изображения» раздел, так что, когда плагин переполнена, там будет полоса прокрутки. Но тогда область содержимого будет выполняться по размеру полосы прокрутки.