Facebook iframe issues
- Started
- Last post
- 13 Responses
- registe0
google is your friend, past that pay me.
- chalk0
That's a pretty janky wet floor. Poor perspective.
Sorry, I have nothing else to add here.
- EPtype0
I've run into this problem many times set it to display no scrollbars, not auto.
- ksv1230
thanks guys, will check into all of this. I hope I get something to work.
- ksv1230
Anyone?
- keiTai0
you should resize your app put this before your </body>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: 'your-appid', status: true, cookie: true, xfbml: true});
window.setTimeout(function() {
FB.Canvas.setAutoResize();
}, 200);
};
(function() {
var e = document.createElement('script... e.async = true;
e.src = document.location.protocol + '//connect.facebook.net/en_US/al...
document.getElementById('fb-root...
}());
</script>
- popfodders0
I'd stop using that FBML and just use a 3rd party app like http://www.wildfireapp.com/, it's free and delicious. Facebook has recently said, they're changing their tune on FBML
- watchamakalit0
use woobox..you declare the height
- mekk0
you dont have to set up the height, fb does it for you
- mekk0
have you fixed it? works fine in firefox4@wind7 and IE9@win7
- elahon0
This is my magic combination that I use, works to remove scroll bars and fixes the height so if your content is longer than the right sidebar, it extends with no problem:
<body style="overflow: hidden"><!-- WHEN DEVELOPING A LONG PAGE, REMOVE THIS STYLE CLASS. PUT IT BACK IN BEFORE YOU PUBLISH -->
<div id="container">
<!-- PUT DIV AND JS CODE HERE FOR IFRAME HEIGHT FIX -->
<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: 'XXXXXXXXXXXXXXXXX', status: true, cookie: true, xfbml: true});
window.setTimeout(function() {
FB.Canvas.setAutoResize();
}, 250);
};
(function() {
var e = document.createElement('script... e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/al...
document.getElementById('fb-root...
}());
</script>
<div id="content">
MY FACEBOOK IFRAME CODE STARTS HERE............
- ksv1230
mekk, I have tried everything, cannot get it to work on the pc without scrolls. Do you have some code that works?