Как раскрыть <div></div>

Блог им. kepatopoc
Добрый ночи.
Хотел вставить новый виджет от вконтакте, но он отображается не полностью — не расстягивается блок во весь виджет. Нужно что-то править в таблице стилей? Вот только я не знаю что конкретно и где. Прошу помочь.

25 комментариев

avatar 
<center>
<script type="text/javascript" src="http://vkontakte.ru/js/api/openapi.js?10"></script>

<!-- VK Widget -->
<div id="vk_groups" style="height: 300 !important;"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "250"}, 19420276);
</script>
</center>
  • shtah
  • 0
  • ↓
avatar 


<center>
<script type="text/javascript" src="http://vkontakte.ru/js/api/openapi.js?10"></script>

<!-- VK Widget -->
<div id="vk_groups" style="height: 300 !important;"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "100%"}, 19420276);
</script>
</center>

попробуйте так. Хотя я не уверен, что будет восприниматься процентная ширина
avatar
я ответ уже написал. У меня этот код работает нормально…
посмотреть можно на сайте справа внизу.
  • shtah
  • 0
  • ↓
avatar
вставил ваш код, но всё равно не растягивается.
avatar
вставляю блок через aceblockmaneger
avatar
Значит в шаблоне headet.tpp в самом верху вставить до тега 
{literal}<!-- Put this script tag to the <head> of your page --><script type="text/javascript" src="http://vkontakte.ru/js/api/openapi.js?9" charset="windows-1251"></script>{/literal}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">


а код 



<center>
<!-- VK Widget -->
<div id="vk_groups" style="height: 300 !important;"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "250"}, 19420276);
</script>
</center>


вставить в aceblockmaneger

у меня 100% работают и комментарии и группы

Если вставить (я про первую часть кода) ниже — то тоже обрезает…
  • shtah
  • 0
  • ↓
avatar
ЛС тег обрезал
до тега 
<head>

в файле header.tpl
avatar
перед доктайпом нельзя ничего вставлять. из-за этого развалится вся вёрстка в ие
avatar
Спасибо за ответы и советы. уважаемый Vilz, быть может поможете советом? Вы говорили что в css что-то надо прописывать, а что? Конкретные характеристики данного дива?
avatar
я не хочу ставить себе этот виджет, мне он пока вообще ни к чему. дайте ссылку на сайт и я посмотрю что можно сделать
avatar
срать на ие. ну сколько можно+)
avatar
отличный подход! 70% аудитории нафиг.
я не про шестой ие, я вообще про ие, да и у оперы кажется была та же проблема. доктайп должен быть первой строчкой с первого символа, иначе браузер считает что сайт свёрстан в квиркс моде, хотя вёрстка xhtml и всё расползается к чертям. но вы то срите, что там
avatar
к сожалению не имею на своей машине этого гомна+)

но с вами согласен, поменял местами
сначала доктайп
потом код из контакта
вроде норм, если смотреть через сайты, делающие скриншоты с разных браузеров

посмотрите, кому не трудно через ие
vidnoegorod.ru/

с оперой все норм (опять же опера не для винды)
avatar
upd: блин, снова полностью не показыватеся виджет в таком варианте в мозиле и хроме
ну и кому отдать предпочтение?
avatar
в инструкции написано внутрь {head} а не перед, откуда вы это придумали. посмотрите где у вас в коде остальной жс подцепляется и воткните сразу после него

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

ну и вообще я не очень понимаю как можно заниматься разработкой сайта без полного набора браузеров :-\
avatar
тут наверху написали, почему перед head
вот сейчас поставил после head
и снова обрезаются виджеты контакта
avatar
до-всё гуд, после обрезается.
но действительно в ие происходит развал верстки.
avatar
че делать? как быть? и кто виноват? =)
avatar
сжечь Вконтакте.Сделали бы как у фасбука, всё красиво и элегантно:)
avatar 
<center>
<!-- VK Widget -->
<div id="vk_groups" style="height: 300px !important;"></div>
{literal}
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "250"}, 19420276);
{/literal}
</script>
</center>


где px в указании высоты?
всё работает отлично
  • Vilz
  • 0
  • ↓
avatar 

<center>
<!-- VK Widget -->
<div id="vk_groups" style="height: 300px !important;"></div>
{literal}
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "250"}, 19420276);
</script>
{/literal}
</center>


сам криворукий
avatar
для полного счастья, в виде любой версии ie, надо в style.css дописать 
iframe {height:300px;}
в конце в самом
avatar
а если этот iframe будет от чего-то еще, где не нужна такая высота?
avatar 
#vk_groups iframe {height:300px;}
avatar
как раз про это хотел спросить))
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.