Добрый день!
Хочу сделать виджет паблика ВКонтакте адаптивным по ширине и высоте.
С шириной получилось. Код следующий:
В стилях прописал:
#vk_groups, #vk_groups iframe {
width: 100% !important;
}
Код виджета следующий:
<p>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script><!-- VK Widget --></p>
<div id="vk_groups">
</div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "auto", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 112571402);
</script>
<p>
</p>
Адаптируется нормально до поры до времени, потом все съезжает: http://joxi.ru/12MZzaps4R3VWA
Если объявить в стилях и прописать height: "auto" в скрипте, то пропадает кнопка "Подписаться на новости" и сам виджет сжимается по высоте до минимума (в одну строку участников).
Подскажите, пожалуйста, кто в курсе, как правильно адаптировать виджет по высоте с сохранением всех кнопок?