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

回答

相關問題