Я не могу понять, почему на моей вкладке страницы iframe появляются полосы прокрутки. Ширина устанавливается в 500px, после сбивания его с 5px за раз на 5px. Там нет полей, и настройка высоты на «жидкости». Когда я просматриваю html-страницу, которую непосредственно отображает iframe, лишних пробелов нет, поэтому похоже, что Facebook добавляет пробел (поле или панель?) В левой части iframe. Странно то, что расстояние прокрутки осталось таким же, как я сократил страницу с 515 до 500 пикселей. Кроме того, опция «жидкая» для высоты, кажется, не применяется к iframe, поэтому я не могу использовать скрытый тег в моем CSS, или половина моего контента обрезана.
Это проблема для кого-то еще, или я просто делаю что-то не так? Я выложу код для страницы ниже.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>index_loc3</title>
<link rel="stylesheet" type="text/css" href="loc_styles.css" />
<script language="javascript" src="facebox/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="facebox/facebox.css" />
<script language="javascript" src="facebox/facebox.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox()
})
</script>
</head>
<body>
<div id="container" style="width:500px">
<div id="header">
<a href="http://www.fwymca.org"><img src="images/logo_slice.jpg" alt="" width="199" height="152" hspace="8" vspace="40" align="left" /></a>
<img src="head_images/ymca1.jpg" align="right">
</div>
<div id="name"><img src="images/text_slice.jpg" alt="YMCA of Greater Fort Wayne" width="485" height="37" hspace="12" />
</div>
<br />
<div id="content1"><a href="cent_popup.html" rel="facebox"><img src="images/cent_loc3.jpg" vspace="5"></a>
<a href="park_popup.html" rel="facebox"><img src="images/park_loc3.jpg" alt="Parkview Family Y" vspace="10"></a>
<a href="wells_popup.html" rel="facebox"><img src="images/wells_loc2.jpg" alt="Wells County Y" vspace="6"></a>
</div>
<div id="content2"><a href="jorg_popup.html" rel="facebox"><img src="images/jorg_loc3.jpg" vspace="5"></a>
<a href="renpt_popup.html" rel="facebox"><img src="images/ren_loc3.jpg" width="240" height="216" vspace="10"></a>
<a href="whit_popup.html" rel="facebox"><img src="images/whit_loc3.jpg" vspace="5"></a>
<a href="camp_popup.html" rel="facebox"><img src="images/camp_loc3.jpg" vspace="5"></a>
</div>
</div>
</body>
</html>
ОБНОВЛЕНИЕ: Я нашел немного кода, который заставил iframe правильно изменить размер и избавиться от полос прокрутки. Тем не менее, это, кажется, привело к тому, что моя реализация Facebox испортилась. Похоже, Facebox не распознает изменение положения экрана, чтобы изменить центр Facebox, поэтому он отображается вверху страницы вместо текущего центра экрана.