Facebook’s LIKE Button Disalignment Fix on iframe!

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)

Almost in all projects I have to put Facebook’s LIKE, Twitter TWEET and some local buttons around post – in beginning or at the end. And somehow there were alway problems with Facebook’s LIKE button, because it does not align correctly – little bit lower then other buttons in row (inline alignment).

Until now I was just offering client to put Facebook’s like button in new row, and that’s it – problime fixed. But that was just workaround and didn’t fix core of problem. Today facebook’s iframe LIKE button was wixed with simple CSS one line code:

.fb-like{ vertical-align:top;}

It works: tested in Firefox 8.0, Opera 11.52, IE8 and Google Chrome (latest – 16.0.912.36 beta-m)

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)
Facebook's LIKE Button Disalignment Fix on iframe!, 5.0 out of 5 based on 1 rating

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>