How to adjust the width of the Facebook comments plugin?

Question

Basically, most of my page is contained in a centered table. Underneath that, I'd like to have a Facebook comments section, but I'd like it to be of the same width as the table itself (table with is 95%). As you know, the Facebook comments plugin takes a fixed width, in pixels, how do I avoid that (or overwrite it)?

Answer 1

Use something like jQuery to programmatically insert the comments plugin into your DOM after the page has been rendered setting it's width to the width the browser has displayed the parent div. Then call FB.XFBML.parse() to get it to show.

function adjustWidth(obj) {
    var width = parseInt($(obj).width());
    $(obj).html('<fb:like href="blah" width="' + width  + '></fb:like>');
    FB.FBXML.parse(obj);     
}