Search code examples
facebookiframefacebook-iframe

Facebook: new IFrame canvas for page tabs width is lower than 520px?


I'm developing an app for Facebook pages and, as usual, I've stumbled upon a strange bug today. I know that tab width is supposed to be 520px, but for some reason this is not happening on these new pages which are using IFrame canvas instead of the old FBML.

Here is a screenshot documenting this bug: Facebook bug

As you can see the content is cropped (I used overflow: hidden; to hide the scrollbars) at a total width of 504px. Any idea about how to solve it?


Solution

  • Just use Firebug to better inspect this. It's indeed 520px:
    enter image description here

    AND I've just visited your page on Facebook, it seems that you didn't reset the styling for your page. try this:

    body {
        margin: 0;
        overflow: hidden;
        padding: 0;
    }
    

    instead of just overflow: hidden;.