Facebook iframe tabs have a fixed height of 800px, which is really annoying as longer content means scrollbars will appear. After a couple of hours of googling (I tested a whole bunch of different solutions and nothing worked for some reason), this is how I finally solved the issue. Note that it’s a band-aid fix, but I’d rather not delve into the insides of Facebook application development to figure out what’s really going on.
Without framesetsize() scrollbars still persist in Firefox latest.
Overflow: hidden is there to prevent the quick flash of scrollbars before content is resized.
Note that there is no div#fb-root, apparently it’s added automatically.
Actually, adding <div id=”fb-root”></div> broke the script for me, even though it was present in most of the tutorials I found. I also found it somewhat curious that when a line break was inserted into the div, the script worked. Meh.
Edit: added FF fix and overflow:hidden
Edit2: found a better way to do this