2012-03-07 66 views
0

我有一个类似Facebook的按钮被窃听我在Internet Explorer 7/8(这不会在Firefox或谷歌Chrome或IE9(+)发生) enter image description here如何摆脱在Internet Explorer中的这个空白?

我想摆脱的白色区域,但如何?有关HTML和CSS是

<div class="fbstuff"> 
    <div style="margin-top:3px;margin-left:15px;float:right;">   
     <iframe src="http://www.facebook.com/plugins/like.phphref=http://www.bnano.eu&amp;layout=button_count&amp;locale=en_US" scrolling="no" frameborder="0" style="border:none; width:200px; height:80px"></iframe> 
    </div> 
</div> 

我不知道为什么会出现白色区域,这似乎在= < IE8才会发生。我能做些什么来解决这个问题? Here's实时链接。谢谢。

+0

填充:0;保证金:0; ? – 2012-03-07 15:01:52

+0

你似乎使用宽度设置右边距?为什么不使用margin-right并跳过宽度/高度? – Teson 2012-03-07 15:03:56

回答

2

您设置的宽度和高度在你的iframe这里的HTML:

width:200px; height:80px 

如果删除这些值,您的浏览器将呈现一个iframe的默认大小。而是设置这些值以取消按钮的尺寸。

为什么你看到它在IE浏览器,而不是Firefox中的原因,就是火狐呈现一个iframe背景透明的老IE呈现为白色

1

你的宽度和高度设置为200x80:

width:200px; height:80px 

删除此代码。