Css “如何修复IE7”;Facebook发送按钮“;布局运行?

Css “如何修复IE7”;Facebook发送按钮“;布局运行?,css,facebook,internet-explorer,api,facebook-like,Css,Facebook,Internet Explorer,Api,Facebook Like,我无法在IE7中显示整个Facebook的“发送”按钮。 然而,它在Chrome、Mozilla、IE9、IE8中运行良好 “发送”按钮布局将变为:- 我的HTML代码为:- <div class="facebook_wrapper"> <script src="http://connect.facebook.net/en_US/all.js#appId=119279021491995&amp;xfbml=1"</script> <fb:send f

我无法在IE7中显示整个Facebook的“发送”按钮。 然而,它在Chrome、Mozilla、IE9、IE8中运行良好

“发送”按钮布局将变为:-

我的HTML代码为:-

<div class="facebook_wrapper">
<script src="http://connect.facebook.net/en_US/all.js#appId=119279021491995&amp;xfbml=1"</script>
<fb:send font=" " href="http://www.google.com.my/"></fb:send>
</div>


我的建议是放弃IE 7支持。谷歌已经放弃了对它的支持,而微软正计划将IE的早期版本升级到至少IE8

您的代码似乎很旧,或者是错误的

将其放在正文中的某个位置(最好正好在
正文
标记之后)


(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
然后将其放在希望“发送”按钮显示的位置:

或者,如果希望使用XFBML,则在正文之后使用相同的脚本,但也要:


好吧,既然你没有放弃IE7支持,让我们看看我是否能帮你解决这个问题

<div style="overflow:hidden;">
     <div class="facebook_wrapper"></div>
     <script src="http://connect.facebook.net/en_US/all.js#appId=119279021491995&amp;xfbml=1"</script>
     <fb:send font=" " href="http://www.google.com.my/"></fb:send>
</div>


当IE7截断like按钮时,我遇到了类似的问题。在深入研究嵌入的css之后,我发现罪魁祸首是一个将宽度设置为1px的类

有一个类。pluginButton按钮,您将要查找。在你的css中为IE7写一个条件覆盖,并相应地调整宽度属性


我现在正在测试并将发回。

你能为
facebook\u wrapper
显示你的css吗?.facebook\u wrapper{margin bottom:7px;}尝试设置:
display:block;宽度:200px;高度:25px
对于
.facebook\u包装器
div另外,在您发布的代码中,将
xbfml=1“
更改为
xbfml=1”>“
我面临着同样的问题,糟糕的建议,即使ie7正在慢慢消亡,也没有理由集体惩罚你的用户。如果这是他的选择,他可能不会来这里询问如何解决问题;-)事实上,微软正在摆脱它,这应该成为惩罚那些仍然坚持使用这种讨厌的浏览器的用户的一个理由。而且,我觉得谷歌现在每天都在制定很多标准,就像他们是一家大公司一样,这惩罚了比这家伙更多的用户。编辑-我也理解,如果他考虑放弃IE7,他可能不会发布。但是投票否决一个人的意见,这在网络程序员中是一个非常普遍和高度一致的意见,这是愚蠢的,甚至会让人们不愿意尝试提供帮助。我在赌场附属公司工作,因为ie7,我将
踢出
网站的每个用户都会让我们付出高昂的代价。不好的建议是不好的。我承认英语不是我的母语,我确实非常了解其他三种语言。。。但是,这不是讨论的内容,是吗?我已经实现了脚本,但是Facebook的发送按钮仍然只显示了一半。你能给我们看一个有问题的实时页面吗?大多数情况下,css规则会覆盖标签。这是否被确认为问题的根源?我目前也有同样的问题,上面或下面的修复方法都没有帮助。不过我对此很好奇。
<div style="overflow:hidden;">
     <div class="facebook_wrapper"></div>
     <script src="http://connect.facebook.net/en_US/all.js#appId=119279021491995&amp;xfbml=1"</script>
     <fb:send font=" " href="http://www.google.com.my/"></fb:send>
</div>