Facebook Like comment box getting cut off vertically and horizontally

facebook comments facebook-like
Les Buchanan picture Les Buchanan · Jun 22, 2011 · Viewed 9.9k times · Source

I'm trying to figure out why the Facebook Like comment box is getting cropped. I've tried changing the width attribute to a much larger size than necessary. I added a height attribute to my fb:like definition even though it doesn't look like it's supported. Neither seemed to help.

I also put a "margin-top" style on the Comments element right below the fb:like element to make sure it didn't have something to do with the content below the comment box that was causing it to cut off.

You can see a screenshot of what I'm talking about here: http://i.stack.imgur.com/y2Fll.jpg

I've been grappling with this one for a while now. If anyone can offer any help, I'd appreciate it. Thanks!

Answer

slashwhatever picture slashwhatever · Oct 5, 2011

Make sure all parent elements have overflow: visible set in their CSS definition.

Related questions

How to make Facebook comments widget a fluid width?

Is it possible to make Facebook's comments widget a fluid width? Their documentation shows a width field for the fb:comments xfbml or iframe which is specified as: width - the width of the plugin in pixels. Minimum recommended width: 400…

Read More
Link share with facebook comments

So, on my blog I post about stuff, and then I share it on Facebook. Currently, I get more feedback on my posts on Facebook than I do on my blog. Is there any way to use Facebooks own comment …

Read More
Multiple facebook comment boxes on a single page?

I have three products listed on a single page and I'm looking to add a small comment box to the side of each of the products, kind of like : https://www.facebook.com/SanukFootwear?ref=ts&sk=app_113298085356151. The …

Read More