Question

I have started developing facebook fanpages using HTML and CSS. The size of my first page was about 800*900 and it had sidebars. I had to resize it to 499 by 699 to work without the sidebars. I have seen fan pages whose height is quite larger than the size 500 but no sidebar appears. Here is an example. Can anyone please explain how do they achieve this?

Thanks.

Was it helpful?

Solution

Here's a solution that will work... put before </head> tag on each page of your fanpages html code!

<script type="text/javascript">
window.fbAsyncInit = function() {
    FB.Canvas.setAutoResize();
}
function sizeChangeCallback() {
    FB.Canvas.setSize();
}
</script>
<script src="http://connect.facebook.net/en_US/all.js"></script>

Should auto extend FB canvas height of page! Worked on my FB fanpage! :) Glad to help.

OTHER TIPS

The width of a Facebook Page Tab is always limited and can not be extended. The height is expandable.

Only 520px is visible. You can make scrolls invisible in CSS, but you can't make page more than 520px. http://developers.facebook.com/docs/appsonfacebook/pagetabs/

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top