Home/ Questions/Q 6900031
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T07:29:45+00:00

I’m trying to limit the vertical height of the Facebook comments from the code

  • 0

I’m trying to limit the vertical height of the Facebook comments from the code generated below but I don’t know how to limit the vertical height of the comment box. (for width, the data-width parameter is provided by facebook). Does anyone know how I could do this?

<html>
<head></head>
<body>
<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="example.com" data-num-posts="2" data-width="500">    </div>
</body>
</html>

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Unfortunately FB doesn’t currently allow the IFRAME method, only the HTML5 and XFBML, so the solution I’ve used to get around this is to wrap the tag with another div with “overflow-y” set to scroll, like:

    <div id="fb_comments">
    <fb:comments href="http://example.com/" num_posts="10" width="500"></fb:comments>
</div>

    My styling for fb_comments is:

    #fb_comments { height:400px; padding-bottom:20px; overflow-y: scroll; }
    • 0