Помощь Проблема с отзывчивостью футера и спойлера.

[ZHMEN]

Здравствуйте, многоуважаемые!
Не могу сделать отзывчивый футер в joomla.
Проблема проявляется при использовании виджета спойлера (Shortcode Ultimate Для просмотра ссылки Войди или Зарегистрируйся)
При открытии спойлера информация, которая находится в нем, уходит за футер и ее не видно. Нужно, чтобы при открытии спойлера футер автоматически сдвигался вниз, в зависимости от контента спойлера.
Скрин и ссылку прилагаю:
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Нажмите на первый справа ("Наукові Видання")
Помогите, пожалуйста с проблемой!
Заранее спасибо!

 

[realun]

В курсе у тебя баннер Для просмотра ссылки Войди или Зарегистрируйся адблоком режется? Назови его по другому.

 

[jan4k]

На Вашей странице /drukovani-vydannia весь контент загнан в анимированные вкладки.
Видимо, для каждой вкладки заранее рассчитывается высота (исходя из контента), прописывается в стиль блока (у Вас это div id="swt59e628115fd2b_container" class="cbp cbp-l-grid-tabs cbp-ready") и потом уже не изменяется, что бы вы внутри блока не делали.
<-------------- добавлено через 309 сек. -------------->
Т.е. решение надо искать в модуле вкладок:
либо настраивайте/модифицируйте текущий модуль
либо найдите другое решение для вывода контента на этой странице

 

[creamel]

можно сделать небольшой костыль

.su-switcher .cbp-wrapper-outer, .su-switcher .cbp .cbp-item {
    overflow: auto;
}

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

 

[ZHMEN]

можно сделать небольшой костыль

.su-switcher .cbp-wrapper-outer, .su-switcher .cbp .cbp-item {
    overflow: auto;
}

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

Пробовал по Вашему совету. Все-таки не то.
Как вариант можно было бы внутри каждого блока со спойлерами добавлять прокрутку, т.к. можно добавлять стиль к каждому виджету или к самой таблице.
Но тут тоже тупик - сделал новый стиль:
.switcher-overflow {
overflow-y: scroll;
}
Полоса появляется, но она неактивна (.
Что я делаю не так?
<-------------- добавлено через 145 сек. -------------->

На Вашей странице /drukovani-vydannia весь контент загнан в анимированные вкладки.
Видимо, для каждой вкладки заранее рассчитывается высота (исходя из контента), прописывается в стиль блока (у Вас это div id="swt59e628115fd2b_container" class="cbp cbp-l-grid-tabs cbp-ready") и потом уже не изменяется, что бы вы внутри блока не делали.
<-------------- добавлено через 309 сек. -------------->
Т.е. решение надо искать в модуле вкладок:
либо настраивайте/модифицируйте текущий модуль
либо найдите другое решение для вывода контента на этой странице

Да, так и есть, но...В остальных вкладках текст, картинки с виджетами отображаются нормально. Т.е. сдвигают футер вниз автоматически...
Так же пробовал сторонние плагины спойлеров. Та же проблема (
<-------------- добавлено через 476 сек. -------------->
На Stackoverflow посоветовали:
You could add a bottom margin or padding to your element ( or wherever most appropriate) that is the height of your footer bar. That way there will always be room under your content and nothing will get stuck behind your footer bar ( for not just your spoiler extension but any content).
Перевод:
Вы можете добавить bottom margin илиpadding к вашему элементу (или, где это наиболее удобно), который является высотой вашей нижней панели. Таким образом всегда будет место под вашим контентом, и ничто не застрянет за вашим нижним колонтитулом (не только для расширения вашего спойлера, но и для любого контента).

Не совсем понял где именно...