3

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?

The Coding Monk
  • 7,684
  • 12
  • 41
  • 56

2 Answers2

5

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;.

ifaour
  • 38,035
  • 12
  • 72
  • 79
2

Actually you are correct. The width limit is less than 520px.

You have to use a script to solve this problem. Also the overflow:hidden trick is necessary in the html and body tags.

Facebook Rulz.

Basic
  • 26,321
  • 24
  • 115
  • 201
Kronked
  • 21
  • 1