Facebook Like Button网站内容覆盖的iFrame

我成功地将Facebook Like按钮添加到每个博客的帖子中。Facebook Like Button网站内容覆盖的iFrame

问题：标题长度超过一行的帖子覆盖Like按钮。（见my blog here滚动一半一路下跌到这个问题的帖子，请。）

这是我知道的：

（1）中的“headline_area”分区包括标题和作者姓名。每个帖子的内容正文总是直接在该div下面。（2）当帖子标题仅为一个一行时，Facebook Like按钮会再次保持标题的底部。因为“headline_area”div是一致的，所以帖子正文位于标题，作者和Facebook按钮之下。（3）当标题为两行行时，“headline_area”div保持不变，但Like按钮被第二行按下。帖子内容与headline_area div保持一致，因此与Like按钮重叠。

我希望很清楚。任何帮助深表感谢！

来源

2011-09-18 Trevor McKendrick

问题出在CSS .headline_area风格。它已将固定高度定义为height: 80px（custom.css:7）。尝试删除它并更改iframe的iframe高度。

来源

2011-09-18 22:31:01 NiematojakTomasz

这工作。我删除了.headline_area div的高度，然后将iFrame高度从60px降低到25px。为什么这样工作？当高度为60而不是25时，内容为什么会覆盖iFrame？ PS - 非常感谢您的帮助！ –

以前的版本没有工作，因为.headline_area div内容高于80px，并从固定大小div溢出。我告诉你改变像iframe iframe的大小，因为它比内容更高，会在标题和内容之间留下空白。您可以尝试使用Google Chrome开发人员工具或Firebug（用于Firefox）查看正在发生的事情。不客气：） – NiematojakTomasz

Facebook Like Button网站内容覆盖的iFrame

回答

相关问题