Работает ли размер окна CSS3 в приложении Facebook: проблема с заполнением или размером, создание нежелательных полос прокрутки?

Наше приложение Facebook отображает нежелательные полосы прокрутки, хотя мы определили ширину 500 пикселей. Это приложение появляется в контексте фан-страниц Facebook.

Изначально мы установили ширину 520 пикселей с отступами по 10 пикселей слева и справа. Мы использовали свойство box-sizing CSS3 (и его браузерные варианты) и установили для него значение border-box.

Затем мы не были уверены, что Facebook каким-то образом удалил свойство box-sizing, поэтому мы установили ширину в 500 пикселей. Тем не менее полосы прокрутки не исчезнут.

Вот пример: http://www.facebook.com/coboak?sk=app_198939416792674

1) Как убрать полосы прокрутки? (Да, в приложении настроено автоматическое изменение размера.)

2) Поддерживает ли Facebook свойство box-sizing (и его варианты браузера)?

Спасибо!


person Crashalot    schedule 08.08.2011    source источник


Ответы (1)


1) удалить width: 520px; из #main_box

2) box-sizing повлияет только на браузеры, которые его поддерживают, независимо от того, находится ли он на facebook.

person MatTheCat    schedule 08.08.2011
comment
Спасибо, MatTheCat. Это то, о чем мы тоже думали, изменяя размер коробки. Если мы установим для #main_box значение box-sizing: border-box, разве это не должно работать (что мы и сделали в какой-то момент)? - person Crashalot; 08.08.2011
comment
Я не понимаю, #main_box не имеет полей или отступов, поэтому размер блока ничего не изменит. Он просто больше, чем #page_box. - person MatTheCat; 09.08.2011