Как сделать комменты от ВК "резиновыми"?
Страницы: 1
Как сделать комменты от ВК "резиновыми"?
Приветик, всем! Собственно вопрос в название темы. Прошу ваши предложения?Ну и поделюсь своими, думаю, что в принципе логично, что нужно менять параметры ширины(обведено красным), но что-т пробую, а не выходит.

Рисунок



Поддержка ВК посоветовало некую лажу, я их совсем не понял.

Рисунок

Комплексное SEO продвижение в поисковых системах Яндекс, Google

Tre,  попробуйте ширину поставить не в пикселях, а в %%.
Поддержка ВК имела в виду что скрипт надо обернуть в div с классом, которому вы задаете необходимые параметры в css. А по адаптивности гляньте вот эту статью _http://site-on.net/create/html/7-responsive
p.s. И да, ширину при адаптивной верстке указывайте в %.

100% укажите вместо цифр, можете попробовать еще так style="width: 100%;" но мне кажется хватит просто 100%, по крайне мери мне хватило)
Цитата
Psycho.Sonic пишет:
style="width: 100%;"
да этот вариант самое то, тема актуальна, адаптивность все-таки))smile:)
А зачем вообще это нужно вамsmile:confused:
Цитата
sharkson пишет:
Tre, попробуйте ширину поставить не в пикселях, а в %%.

Пробовал, не выходит.
Цитата
Psycho.Sonic пишет:
100% укажите вместо цифр, можете попробовать еще так style="width: 100%;" но мне кажется хватит просто 100%, по крайне мери мне хватило)
Покажите свой код, пожалуйста. Т.к что не делаю, что-то у меня не работает.

Цитата
masterrabot пишет:
Поддержка ВК имела в виду что скрипт надо обернуть в div с классом, которому вы задаете необходимые параметры в css. А по адаптивности гляньте вот эту статью _site-on.net/create/html/7-responsive
p.s. И да, ширину при адаптивной верстке указывайте в %.
Это все понятно, я показал что они это написали, но это не работает, просто не отображается сам виджет и все, при таком раскладе. Тем более в CSS они указывают max-width, хотя по идеи, нужно указывать просто width, Вы с CSS знакомы? И про верстку я знаю, я сам верстал себе шаблон.



Цитата
Вячеслав Шаров пишет:
А зачем вообще это нужно вам
Когда человек зайдем с малого экрана, сайт уменьшиться под его экран, а комменты фиксированной ширины будут выпирать за пределы нужного блока, что не красиво.

P.S Вопрос не решен. Пожалуйста, догадки и предположения не пишите, желательно готовое решение и с Вашим кодом, т.к вон сколько отписало людей, а толку ноль. Спасибо.
Поддержка посоветовала все правильно. Не можете поставить, пишите в личку, установлю.

★★★★★

inwoxer.ru - копии сайтов 300 руб, создание сайтов 900 руб, https сертификаты, раскрутка инстаграм 200 руб и другие услуги по СОЧНЫМ ценам. 
NEW! СЕО аудит 400 руб и прогон Твиттер 300 руб

★★★★★
Цитата
Tre пишет:
Пробовал, не выходит.
вы     style="width: 100%;"   вставьте в другое место справа от дива




Код
<div id="vk_comments" style="width: 100%;"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10,  attach: "graffiti,photo,video,audio"});
Изменено: nebot - 20 Октября 2016 11:59
Цитата
masterrabot пишет:
Поддержка ВК имела в виду что скрипт надо обернуть в div с классом, которому вы задаете необходимые параметры в css. А по адаптивности гляньте вот эту статью _http://site-on.net/create/html/7-responsive
p.s. И да, ширину при адаптивной верстке указывайте в %.
зачем оборачивать если в коде уже есть id="vk_comments". И поддержка ответила вам правильно. Данный код нужно было разместить в .css файле. Но я бы прописал так:
Код
#vk_comments iframe {width:100%; max-width:800px;}
где 800px максимальная ширина блока. 
у себя на сайте я сделал так:
Код
<div id="vk_comments"></div>
<script type="text/javascript">  
VK.Widgets.Comments("vk_comments", {limit: 10, width: "auto", attach: "*"});  
</script></div>
Работает, и ширина виджета подстраивается если изменять размер окошка браузера, но только после обновления страницы.
Изменено: Артём - 20 Октября 2016 12:32
Когда устаю, начинаю жалеть я
О том, что рожден и живу в лихолетье,
Что годы растрачены на постиженье
Того, что должно быть понятно с рожденья.
Артём, благодарю, ты лучший smile:) Остальным спасибо за ответы, но прошу на будущее, подтверждайте свои слова кодом, а если не понимаете тему, то не нужно абы што писать.
Тему можно закрывать, вопрос решен.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
12:17 А у вас апдейт убежал. 16.12.18 яндекс выдача 
11:33 Adsense личный опыт 
11:30 Рекламная сеть яндекса личный опыт 
11:05 Липкие объявления от РСЯ 
09:28 В теме тема СИсек не раскрыта. АП 15.12 Яндекс выдача 
21:44 Сколько ссылок нужно покупать (сайту 6 месяцев) 
20:21 Откройте секреты продвижения медицинского новостного сайта..... 
13:03 Быстрые Dedicated servers, Выделенные сервера, Дедики 
13:03 Настройки ленты на плагин Wpgrabber для WordPress 
12:56 Эффективные внешние ссылки с Яндекс.Вебмастер - Блоги, Статьи, Профили, Форумы, Википедия, Подписи, Комментарии, Анкорный и Безанкорный прогон со статьей. 
12:28 Продам два сайта 
12:19 Продам женский сайт 
10:59 Продам топовый блог, ИКС 140, 10000 подписчиков 
09:16 Продвижение сайтов, прогон Xrumer, грамотно наращиваем посещаемость вашего ресурса! 
11:27 Если бы у Чехова был телевизор, то он стал бы обычным районным врачом 
04:22 Игры на форуме 
19:22 Где и как встретите Новый год? 
19:11 Вы и спорт 
18:22 Нужен кликандер или что то в этом роде 
18:19 Добавление страниц в индекс Бинг Гугл Яндекс 
17:48 SEO продвижение сайтов в Яндекс, Google. Поднятие ИКС сайту, исправления ошибок, разработка стратегий