Кнопка «Мне нравится» на Facebook в выпуске IE7 - PullRequest
Новая
       1

Кнопка «Мне нравится» на Facebook в выпуске IE7

3 голосов
/ 18 апреля 2011

У меня проблема с изображением кнопки лайка Facebok ТОЛЬКО в IE7.Вот код, который я использую для реализации этого: 

<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
.
.
.
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="http://www.facebook.com/xxxxx" show_faces="false" width="100" colorscheme="dark" style="float:left;"></fb:like>
.
.
.

Я вижу проблему только в IE7.Кнопка «Мне нравится» выглядит великолепно.Как только вы «полюбите» предмет, он также выглядит великолепно.После неприязни вы получите это: http://screencast.com/t/6qno8HDvYh

Если вам снова «понравится», вы получите это: http://screencast.com/t/NlkXbaD5

Любая помощь приветствуется.Я искал по всему Google для кого-либо еще, имеющих эту проблему.Вот сайт для справки: http://auto -owners.com / Любая помощь приветствуется.

Спасибо!

Ответы [ 3 ]

2 голосов
/ 16 февраля 2012

Если вы используете версию iFrame в IE7, убедитесь, что она не вызывает загрузку ресурсов на вашей странице несколько раз, что в нашем случае иногда приводило к отображению неинформативной ошибки JavaScript. Вы можете использовать дополнение IE Development Helper для просмотра стека HTTP-запросов.

2 голосов
/ 29 апреля 2011

Вы пробовали IFrame-версию facebook как? Мы перешли на версию IFrame для DNN - это вызвало у нас меньше всего проблем. 

<iframe src="http://www.facebook.com/plugins/like.php?href&amp;send=true&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>

Генерируется здесь:

http://developers.facebook.com/docs/reference/plugins/like/

У вас также есть приятное преимущество - отсутствие загрузки вашей страницы при сбое серверов Facebook (это произошло в прошлом месяце на многих сайтах, которые использовали версию скрипта)

1 голос
/ 28 июля 2011

Попробуйте: - 

<div style="width:48px; overflow:hidden!important;">
 <fb:like class='fb_like' href="http://www.correcturlhere.tld" send="false"
   width="320" height="24" colorscheme="dark" font="tahoma">
 </fb:like>
</div>

width = "320" исправляет проблему IE7, а свойство переполнения div предотвращает отображение нежелательных файлов FB.Следовательно, проблема IE7 возникает, когда атрибут ширины кода FB меньше минимальной ширины для стандартной компоновки (225 пикселей).

Возможно, вы захотите заключить открывающий и закрывающий теги div в условные выражения для IE: - 

<!--[if IE 7]><div><![endif]-->
[FB code here]
<!--[if IE 7]><div><![endif]-->

Исправлено для меня.Надеюсь, это поможет.

...