Я добавляю 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/
Есть мысли? Спасибо!