Facebook Like Box Не правильная калибровка при использовании атрибутов видимости iframe

Question

Я добавляю на свой веб-сайт Facebook Like Box и получаю некоторые проблемы с калибровкой. Я изначально использовал код HTML5 и Javascript на сайте разработчика Facebook, чтобы сделать коробку по своему вкусу, но я обнаружил, что она замедляет мои другие анимации на странице при загрузке.

Я решил использовать iFrame, который идеально подходит и не замедляет работу ни одного из других элементов загрузки страницы. Для того, чтобы сделать его лучше, я добавил этот код в IFRAME:

style="visibility:hidden;" onload="this.style.visibility = 'visible';" 

И я также пытался:

style="display:none;" onload="this.style.display = 'block';" 

который держит IFRAME от делать что белая вспышка, когда она загружая (это выглядит намного класснее, оба кода дают мне идентичную проблему). Однако теперь, когда ящик Like Box загружает его, он загружает только около 150 пикселей по высоте (хотя он установлен в 250 пикселей по высоте). Когда выведенный выше код вынимается, ящик отлично подойдет, и когда я верну его обратно, он вернется обратно.

Интересно, что когда код видимости включен и я изменяю ширину переменной, ширина поля изменяется. Когда я настраиваю высоту, это не изменяется.

Вот скрипку я сделал для него:

http://jsfiddle.net/KWMxb/

Любые мысли? Благодаря!

Answer 1

Ваш iframe имеет два атрибута style. Перенесите все из второго в первое, и оно должно работать.