title: Getting the height of a 'Facebook Comments' widget/social plugin
body: <p>Using Facebook Javascript SDK+XFBML, I'm implementing the fb 'comments widget', as explained <a href="http://developers.facebook.com/docs/reference/plugins/comments/" rel="nofollow">here</a>.</p>
  
  <p>then, using the fbml line: <br/></p>
  
  <pre><code>&lt;fb:comments href="someurl.com" num_posts="2" width="400"&gt;&lt;/fb:comments&gt;
  </code></pre>
  
  <p>creates an iframe with the comments widget.</p>
  
  <p>The height of the iframe is of-course according to the length of the comments; <br/> 
  I need to make changes to my page according to the height of the comments widget. <br/>
  I can tap into when the widget has finished loading, by using</p>
  
  <pre><code>FB.Event.subscribe('xfbml.render')
  </code></pre>
  
  <p>(I found it more accurate than using 'ready' or 'load'),
  but I cannot get the height of the comments iframe due to cross-domain restrictions.</p>
  
  <p>Does anybody know of some sort of a solution for this? <br/></p>
  
  <p>Thanks.</p>
  
  <p><strong>EDIT</strong>: <br/>
  Workaround number 1: (from <a href="http://startdevelopment.blogspot.com/2011/03/issue-with-facebook-comments-box-height.html" rel="nofollow">http://startdevelopment.blogspot.com/2011/03/issue-with-facebook-comments-box-height.html</a>): <br /></p>
  
  <p>add a style to your page:</p>
  
  <pre><code>.fb_ltr { height: 400px !important; overflow-y: scroll !important; }
  </code></pre>
  
  <p>'fb_ltr' is the class used by the iframe. This will make sure it's always 400px high, and add scroll-bar to scroll content. <br/>
  Of-course, the scroll-bar is ugly, so, any other ideas?</p>