Facebook LIKE按钮弹出我的div - CSS

Question

我在网站上使用类似Facebook的按钮，它们运行良好。

不幸的是，在IE8上，类似的按钮从其容器DIV中弹出，落在页面底部。

---

示例图片：

---

这是在尝试display:block后凯尔建议：

---

有什么想法吗？真的很棒。 ：）

Answer 1

查看该页面的来源，它似乎是一个标记问题。

必须关闭<fb:like>代码。

所以而不是：

<fb:like style="display:block;" ref="offer" href="URL" show_faces="false" layout="button_count" >

你应该使用

<fb:like style="display:block;" ref="offer" href="URL" show_faces="false" layout="button_count" />

另外，为了获得更多xHTML兼容性，您还应该关闭所有HTML标记，例如

<br />代替<br>

和

<img alt='' src'' />代替<img alt='' src=''>等。

Answer 2

我认为这是显示方法.fb_iframe_widget {display: inline-block}。我相信IE不能很好地使用这个属性，只需要内联或阻止。