Элемент занимает 100% ширину только после наведения мыши

[borus]

Здравствуйте.

 

На странице внизу под описанием товара в 3-м табе стоят комментарии от Гугл+:

Стилями поставил всем что мог width: 100% !important, но если открыть вкладку на свеже загруженной странице, то блок комментариев занимает часть ширины, и только если провести по нему мышью, блок расширяется на всё доступное пространство.

 

Чем обусловлено такое поведение(скриптами гугл?) и как это вылечить?

[afdw]

Вот так лечится на JS:

document.querySelector("#googlecom div iframe").style.height = ""; setTimeout(function(){document.querySelector("#googlecom div iframe").style.height = "600px"}, 10);

[Switch74]

А зачем у ваших блоков #googlecom #comments и iframe#I0_1438763221561 стоит width: 625px;?
Потом вы похоже каким-то образом меняете их размер, но гугл до этого успевает подгрузить коменты с размером 624px

Думаю проблема кроется где-то в этом

 

Ах и да, перестаньте баловаться !important

[borus]

  On 8/5/2015 at 8:25 AM, afdw said:

 

Вот так лечится на JS:

document.querySelector("#googlecom div iframe").style.height = ""; setTimeout(function(){document.querySelector("#googlecom div iframe").style.height = "600px"}, 10);

Спасибо. Получается этим скриптом сначала обнуляется высота, а потом проставляется и браузер опоминается и проставляет width:100%?

 

  On 8/5/2015 at 9:33 AM, Switch74 said:

А зачем у ваших блоков #googlecom #comments и iframe#I0_1438763221561 стоит width: 625px;?

я искал официальную документацию на внедрение комментариев, но пока не нашел и взял с одного из учебных сайтов. Может в доках и есть инфа по поводу 100% ширины. Вы знаете где лежит официальная документация?

А чем плохи !important?

[Switch74]

!importan плох тем, что это как правило заплатка исправляющая криво написанные стили и добавляющая лишь проблем (опять же как правило, но не всегда) http://htmlbook.ru/css/%21important

попробуйте просто убрать ограничение размера родительских блоков для ваших комментов - это может повлечь за собой упразднение способа их разворачивания на 100% и уменьшение размеров стилей, что приведет к облегчению сайта и в свою очередь к увеличению его скорости работы....

Думаю вы слышали фразу - "все гениальное просто", чем проще вы все это сделаете, тем лучше это будет работать.