Зависимость верхнего блока от изменения нижнего

Статус
Закрыто для дальнейших ответов.

Pobedonoscev

Новичок
Регистрация
09.10.2013
Сообщения
2
Здравствуйте, господа!
Есть небольшая проблема - верстаю сайт для клиента, на WP. Дабы упростить работу клиента над страницами, поставил ей плагин со шорткодами, но появилась проблема.
Замечу сразу, что высота контента с обычным текстом (без использования шортов) - работает нормально и изменений не требует.
Так вот, предположим, если мы добавляем шорт-спойлер, то при его открывании текст, находящийся под шортом, или в нем, при большом объеме просто сползает за пределы блока с контентом.
http://personhelp.ru/ - тут на главной уже стоит спойлер и текст.
CSS шорта:
/* Spoiler---------------------------------------------------------------*/.su-spoiler {}.su-spoiler .su-spoiler:last-child { margin-bottom: 0; }.su-spoiler-title { position: relative; cursor: pointer;}.su-spoiler-content { -webkit-transition: padding-top .2s; -moz-transition: padding-top .2s; -o-transition: padding-top .2s; transition: padding-top .2s; -ie-transition: padding-top .2s;}.su-spoiler.su-spoiler-closed > .su-spoiler-content { width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; border: none; opacity: 0;}.su-spoiler-style-default { margin-bottom: 1.5em; }.su-spoiler-style-default > .su-spoiler-title { min-height: 16px; padding: 4px 0 4px 24px; background: #fff; color: #333; font-weight: bold; line-height: 16px;}.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { position: absolute; top: 4px; left: 0; display: block; width: 16px; height: 16px; background: 0 -16px url('../images/spoiler.png') no-repeat;}.su-spoiler-style-default.su-spoiler-closed > .su-spoiler-title > .su-spoiler-icon { background: 0 0 url('../images/spoiler.png') no-repeat; }.su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 0 24px; background: #fff; color: #333;}.su-spoiler-style-fancy { margin-bottom: 1.5em; background: #fff; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.su-spoiler-style-fancy > .su-spoiler-title { min-height: 20px; padding: 7px 7px 7px 36px; border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; color: #333; font-weight: bold; font-size: 0.9em; line-height: 20px;}.su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; }.su-spoiler-style-fancy > .su-spoiler-title > .su-spoiler-icon { position: absolute; top: 10px; left: 10px; display: block; width: 16px; height: 16px; background: 0 -16px url('../images/spoiler.png') no-repeat;}.su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title > .su-spoiler-icon { background: 0 0 url('../images/spoiler.png') no-repeat; }.su-spoiler-style-fancy > .su-spoiler-content { padding: 1em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; color: #333;}.su-spoiler-style-simple { margin-bottom: 1.5em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}.su-spoiler-style-simple > .su-spoiler-title { min-height: 20px; padding: 5px 10px; background: #f0f0f0; color: #333; font-weight: bold; font-size: 0.9em; line-height: 20px;}.su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; }.su-spoiler-style-simple > .su-spoiler-content { padding: 1em 10px; background: #fff; color: #333;}/*.su-spoiler-style-fancy { margin-bottom: 1.5em; background: #fff; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.su-spoiler-style-fancy > .su-spoiler-title { min-height: 20px; padding: 7px 7px 7px 36px; border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; color: #333; font-weight: bold; font-size: 0.9em; line-height: 20px;}.su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; }.su-spoiler-style-fancy > .su-spoiler-title > .su-spoiler-icon { position: absolute; top: 10px; left: 10px; display: block; width: 16px; height: 16px; background: 0 -16px url('../images/spoiler.png') no-repeat;}.su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title > .su-spoiler-icon { background: 0 0 url('../images/spoiler.png') no-repeat; }.su-spoiler-style-fancy > .su-spoiler-content { padding: 1em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; color: #333;}*/CSS основных блоков:
Код:
** * 5.0 Content * ---------------------------------------------------------------------------- */.hentry {padding: 0px 0;background-repeat:repeat;background-image:url(images/bg-music.png);}.entry-header,.entry-content,.entry-summary,.entry-meta {margin: 0 auto;max-width: 900px;background-color:#f8f8f8;color: #434343;}entry-header2,.entry-content2,.entry-summary2,.entry-meta2 {height:auto !important;min-height:100%;margin: 0 auto;max-width: 1020px;}.sidebar .entry-header,.sidebar .entry-content,.sidebar .entry-summary,.sidebar .entry-meta {max-width: 1040px;}/**
 
Статус
Закрыто для дальнейших ответов.
Верх Низ