Facebook Like Widget on Fan page, Comment area out of visible area

css facebook facebook-page facebook-widgets
Rufinus picture Rufinus · Apr 27, 2011 · Viewed 12.5k times · Source

When using the like or send widget on a Fan Page (no mater if you use iframe tag or fbml for it) the overlay for commenting is positioned always to the right. see http://twitpic.com/4q7ggi for example.

I cant find a way to get the widget to respect the 520px boundary of the facebook tab. see http://www.facebook.com/pages/Ludwig-Test/127771653944246?sk=app_101150316644842 for an example. Anyone an idea how to solve this ?

TIA Rufinus

Answer

seler picture seler · May 27, 2011

Try adding this to your css:

.fb_edge_comment_widget {
    margin-left: -350px;
}

This will move comment box to the left, but the little arrow pointing to the button will move too (which you could try to cover with another element). It will only work if you're using XFBML, not an iframe.

Here's an example.

Related questions

hide scrollbar and show on hover like facebook's new chat sidebar

Facebook just updated chat (yet again) and now a new fixed side bar stays on the left of the screen. when its contents overflow, a scroll bar appears, but only if scrolled with the mouse wheel or if mouse moves …

Read More
How can I make the Facebook Like button's width automatically resize?

I'm implementing the Facebook Like Button, but I'm running into some trouble with the width. I'm using the JavaScript SDK implementation, not the direct iframe. According to the documentation, the default width is 450. That's fine, and I understand that the …

Read More
customizing facebook like-box

I would like to customize the design of my facebook like-box. ive already search the net and follow all the instructions, here's the link ive tried but its seems obsolete: http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/ there are lots of …

Read More