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.

Answer 1

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.