Question

Our Facebook app displays unwanted scrollbars, even though we defined the width as 500px. This app appears within the context of Facebook fan pages.

We originally set the width at 520px with side padding of 10px on the left and right. We used the CSS3 box-sizing property (and its browser variants) and set it to border-box.

Then we weren’t sure if Facebook somehow stripped out the box-sizing property, so we set the width to 500px. Still the scrollbars won’t go away.

Here’s an example: http://www.facebook.com/coboak?sk=app_198939416792674

1) How to eliminate the scrollbars? (Yes, the app is configured with Auto-Resize.)

2) Does Facebook support the box-sizing property (and its browser variants)?

Thanks!

Answer 1

1) remove width: 520px; from #main_box

2) box-sizing will affect only browsers which support it, no matter if it’s on facebook