2013-04-04 62 views
1

我遇到了一个奇怪的问题。 我在页面底部有一个Facebook按钮。点击后,弹出Facebook的“评论/分享”框。

FF和IE下的行为是正确的,但不是在Chrome中,在页面底部切出框。换句话说,页面不会调整大小,因为它在FF和IE下。
页面具有最小高度和最大高度,并且容器具有overflow:visible属性,因为facebook文档建议避免共享iframe的某些显示问题。 奇怪的是,只需打开开发人员工具,并检查/取消选中FB按钮的任何父元素的任何CSS属性,该问题就会消失。

我的猜测是Chrome的按钮被点击时,窗口的大小调整不会被Chrome捕获,而是在使用开发人员工具时。 我试图探索问题的其他来源(最大高度不能正常工作或更高的元素有溢出:隐藏),但我没有发现任何结论。Google Chrome&FB Like Button页面底部

谢谢你的帮助。

回答

0

如果您在Chrome中运行主题,则可能会遇到问题。如果是,尝试重置为默认主题:

options > personal stuff > themes > reset to default theme 

此外,还要确保你没有缩小或Chrome浏览与变焦有点古怪。

假设这些都不是问题,尝试将共享代码在一个div一个唯一的ID或类:

<div id="myFacebookContainer">Plugin HTML Here</div> 

你的CSS将包括沿此线的东西:

#myFacebookContainer span{ 
    height:25px; 
} 
#myFacebookContainer iframe{ 
    height:25px; 
} 

我希望其中一个建议有帮助!

+0

谢谢,这对我很有帮助。 尽管如此,整个页面现在更高,CSS中指定的高度,即使共享框没有显示,并在所有浏览器下。但现在对我来说更容易找到正确的修复方法! – Kleioz 2013-04-04 14:51:20