Facebook喜欢/发送按钮...弹出框被切断

时间:2012-02-06 04:15:57

标签: css facebook facebook-like

我正在试图弄清楚我必须更改哪些CSS来解决这个问题:如果你访问我的网站http://www.derekbeck.com/1775/并点击最顶层的Facebook或发送,那么出现的弹出窗口会被切断,所以看不到它的一部分。我希望弹出窗口以正常的facebook默认宽度显示,无论是什么,可能是300px左右。

谢谢, 德里克

3 个答案:

答案 0 :(得分:5)

在css文件的第557行更改此iframe.fb_ltr,它是180px。

iframe.fb_ltr {
    width: 180px !important;
}

答案 1 :(得分:0)

只是为了添加一些内容,因为我在网上发现的任何解决方案都没有工作......

点击“赞”按钮后,会将一个类添加到iframe中... 这很棒,意味着你只能设置弹出窗口的样式并保持按钮状态。

以下是要添加的课程:

.fb_iframe_widget_lift {

}

例如&由于我的按钮处于静态页脚,我添加了:

.fb_iframe_widget_lift {
overflow: visible !important;
width: 475px !important;
margin-top: -249px;
margin-right: -220px !important;
background: #000;
padding: 10px;
height: 237px !important;
}

使用此功能,您可以根据需要自定义弹出窗口。

最好的问候,Sagive。

答案 2 :(得分:-1)

确保在加载FB JavaScript时它有APP ID!

例如 //connect.facebook.net/en_US/all.js#xfbml=1&appId=77777777777

如果你最后没有appId,它将不会加载扩展评论框的脚本。