I have a problem with the height of the Facebook Like button. I am using XFBML version with this tag
<fb:like layout="standard" show_faces="true" width="440" action="recommend" colorscheme="light"></fb:like>
On some sites, the height of the iframe that contains the button is dynamic. It has a height of 61px when there are "faces" to display and 23px when there are no faces to display. This changes dynamically when the user presses a similar button (and his face appears to cancel the button).
Examples of sites where it works:
Unfortunately, when I try to insert a tag into my page, the iframe height is set to 80 pixels and does not change.
My current solution is to set the field height to 23px and set the CSS overflow property of the container to hidden. But with this decision, I lose the ability to show faces.
This problem is already posted here on Stack Overflow, but without a solution. - stackoverflow.com/questions/2777196/facebook-like-button-fblike-height-always-80px
I spent about 6 hours trying to understand this problem. But I still think there should be a simple solution for this.
Thanks for any suggestions.
source
share