Горизонтальная полоса прокрутки появляется на вкладке страницы - PullRequest
Новая
       14

Горизонтальная полоса прокрутки появляется на вкладке страницы

0 голосов
/ 01 сентября 2011

как убрать горизонтальную полосу прокрутки, появляющуюся на вкладке страницы.У меня был дизайнер, создающий страницу раскрытия, и я не уверен, что изменить на HTML-файл, чтобы прокрутка исчезла.Это страница приветствия на этой фан-странице http://www.facebook.com/pages/MaidPro-of-Northern-Cincinnati/154767811271566?sk=app_214902645232913

Это текущий код 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="generator" content="SiteGrinder 2  http://www.medialab.com/sitegrinder" />
<title>maid_pro</title>

<link rel="stylesheet" type="text/css" media="screen, print, projection"  href="maidpro.css"></link>
</head>
<body>
<div  id="maidpro">
<div id="like"></div>
<div id="layer8"></div>
<div id="layer7"></div>
<div id="watchthisvideo"></div>
<div id="id5video"></div>
<div id="videoliteral">
<iframe width="389" height="217" src="http://www.youtube.com/embed/ogSI0DscP_4" frameborder="0" allowfullscreen></iframe>
</div>
<div id="shadow"></div>
</div>
</body>
</html>

Ответы [ 3 ]

0 голосов
/ 02 сентября 2011

Установите CSS таким образом, чтобы удалить полосу прокрутки 

body {
            width:520px;
            margin:0;
            padding:0;
            border:0;
            overflow:hidden;
            }

и использовать FB.Canvas.setAutoResize ();

0 голосов
/ 02 сентября 2011

Ответ здесь: Приложение Facebook - Javascript Set Высота холста? - лучшее решение

У меня тоже была эта проблема, и обычный подход, похоже, не работал. Но после использования уловок, упомянутых в этом посте, мне наконец удалось избавиться от полос прокрутки.

0 голосов
/ 02 сентября 2011

У вас есть несколько вещей неправильно, глядя на страницу. Вы должны заставить дизайнера это исправить. Кажется, он рассчитан на ширину, большую, чем позволяет Facebook, что составляет 520 пикселей. Для начала, в maidpro.css, установите ширину #maidPro равной 520 или меньше, и все, что шире этого, начинает уменьшаться. А затем удаляя «левые» значения, чтобы переместить элементы обратно.

...