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

Question

我想弄清楚我必须改变什么样的CSS来解决这个问题：如果你访问我的网站http://www.derekbeck.com/1775/并点击最顶级的Facebook或发送，出现的弹出窗口被切断，所以人们无法看到它的一部分。我希望弹出窗口以正常的Facebook默认宽度显示，无论如何，可能类似于300px左右。

感谢， 德里克

Answer 1

更改此iframe.fb_ltr在CSS文件的557行，这是180像素。

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

Answer 2

确保当你加载FB JavaScript时它有APP ID！

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

如果您不打算在年底拥有的appid将不会加载脚本扩展评论框。

Answer 3

我想补充的东西，因为任何解决办法，我发现网上wasnt工作...

一旦你点击了类似按钮的一类被添加到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。