I was developing a canvas app on Facebook this week for a client, using the new timeline dimensions (810px wide). Annoyingly, Facebook seemed to ignore the height attribute I specified when I set up the tab, and promptly put all my content in an iframe 800px high.

I tried adding a height attribute to my opening div in my page. I tried amending the height in Facebook’s attributes too, but unfortunately no luck. The only thing I could think was to change the height onload. Luckily, a quick google came up with this article on stackoverflow which covers most of the code needed (specificially FB.Canvas.setAutoGrow())

Depending on your app/page, create: <div id="fb-root"></div> and immediately below it, put the following. you may need to tweak true/false depending on your circumstance.

Image Credit: neil banas