It seems that the iframe in Facebook is limited to 760x800. If the height of any page exceeds 800px, a scrollbar is shown. This scroll bar stays within the 760px limit, so this causes a horizontal scroll to appear.
If we tell the FB application to not use scrollbars, the user is then unable to scroll down. We either have to adjust the widths to incorporate a vertical scrollbar, or adjust each page to not exceed 800px. I think adjusting the widths is definitely the better approach here. I can make minor adjustments to the homepage to resolve this issue, but the dashboard and badges page could take a bit more work.
Especially badges, as it already has a vertical scrollbar. We may want to make sure the height of that page does not exceed 800px, as to not have 2 vertical scrollbars.
It seems that the iframe in Facebook is limited to 760x800. If the height of any page exceeds 800px, a scrollbar is shown. This scroll bar stays within the 760px limit, so this causes a horizontal scroll to appear.
If we tell the FB application to not use scrollbars, the user is then unable to scroll down. We either have to adjust the widths to incorporate a vertical scrollbar, or adjust each page to not exceed 800px. I think adjusting the widths is definitely the better approach here. I can make minor adjustments to the homepage to resolve this issue, but the dashboard and badges page could take a bit more work.
Especially badges, as it already has a vertical scrollbar. We may want to make sure the height of that page does not exceed 800px, as to not have 2 vertical scrollbars.
Without scrollbars: http://ss.picturechaos.com/v1/view.php?i=4db9e10e2fecb
With scrollbars: http://ss.picturechaos.com/v1/view.php?i=4db9e18f70488