Facebook comment box plugin clipped
I'm trying to integrate the Facebook comment box plugin into a HTML
website. I'm using the example code generated at
https://developers.facebook.com/docs/reference/plugins/comments/
For some reason, my comments box is clipped and does not resize vertically
- see image http://i.stack.imgur.com/yaSAg.png
My example website code:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>FB Comments Test</title>
</head>
<body>
<!-- LOAD THE FB JavaScript SDK -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src =
"http://connect.facebook.net/en_US/all.js#xfbml=1&appId=158996047491784";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- DISPLAY THE COMMENTS -->
<div class="fb-comments" data-href="http://example.com"
data-width="470"></div><br/>
</body>
</html>
Thanks for help! Lukas
No comments:
Post a Comment