I am using facebook like box in my website and I re-sized the height of the iframe. Now the scrollbar is visible partially (bottom arrow button missing). not sure what's the problem and any help would be highly appreciated.
Related
We have a Facebook like button on a page that when clicked, the flyout layer initially is positioned correctly, then immediately positions itself far to the right, partially off the page. This appears to be done by Facebook's javascript code. Is there any way I can prevent the repositioning from happening, or override the auto-positioning of the flyout?
I am trying to figure out on how to make the facebook comment popup box be visible and does not get hidden by the other age elements like menu and my javascript scroll
You could try nesting it in a div with css-style position: absolute and/or high z-index (like 999).
Hi I have a 1500px high fan page in facebook.
The fancy box popup centers in the middle of the 1500px iframe.
CSS positioning of #fancybox-wrap class to an absolute position (top:
50px !important;) does not work! If you are at bottom of page
and fire the fancy box popup it is not visible until you scroll back to top of the page.
I looked at the following STACKOVERFLOW fix but this did not work::
Fancybox Positioning Inside Facebook Canvas iFrame...
I am using the latest version of fancybox.
Thanks in advance for any help
(am pulling my hair out :()
cheers
Jaimie
I'm trying to get Fancybox to center up on the screen within a facebook iframe app. Everything works fine on my test page outside of FB but once I put it in my app it shows up centered according to the iframe height not the viewable screen. I have also noticed that the 'centerOnScroll': true is also ignored when using inside FB app. Any suggestions would be great and much appreciated.
Centering in a iframe according to it's viewable height is generally not workable. Have a look at the following answer.
Fix an element inside an iframe in the center of the screen
Hi, my facebook popin iframe widget from the like button is going off page.
is there a method to prevent this?
(the cut off portion on the right is the edge of my screen/browser)
Ensure your body tag has a fixed width to the actual width of the iframe (i.e. 520px)
Or ensure the element you place the like button inside of is set to the correct width (so Facebook knows how to position its popup better)