为什么为FlashGallery添加此javascript会导致我的背景图像上移？

我已经在我的网站上添加了一个flash gallery，所需的脚本正在导致背景图像移动

您可以在此处看到该页面：

所讨论的脚本是“swfobject.js”。我通过添加/删除

<script type="text/javascript" src="/scripts/flashgallery/swfobject.js"></script>

---

行到我的站点（运行库需要该行）。显然，由于我的网站布局，我无法移动背景…所以这很烦人。不幸的是，我对编码几乎一无所知，因此我缺乏自己发现问题的技能。我非常感谢你们能在这里给我的任何帮助。

我不知道为什么会发生这种情况，但如果您将以下CSS添加到以下标记中，它将修复它：

#header { position:relative; top:15px; }
.scroll-pane { position:relative; top:-15px; }

编辑：

发生这种情况的另一个原因是此脚本标记中的空白：

<script type="text/javascript" id="sourcecode">
        $(function()
        {
            $('.scroll-pane').jScrollPane();
        });
</script>

$（函数（）
{
$（'.scroll pane'）.jScrollPane（）；
});

解决此问题的一种可能方法是将代码保存到文件中，并将其包括为：

<script type="text/javascript" src="/scripts/jscrollpane/jquery.jscrollpane.init.js"></script>

---

我不确定为什么会发生这种情况，但如果您将以下CSS添加到以下标记中，它将修复此问题：

#header { position:relative; top:15px; }
.scroll-pane { position:relative; top:-15px; }

编辑：

发生这种情况的另一个原因是此脚本标记中的空白：

<script type="text/javascript" id="sourcecode">
        $(function()
        {
            $('.scroll-pane').jScrollPane();
        });
</script>

$（函数（）
{
$（'.scroll pane'）.jScrollPane（）；
});

解决此问题的一种可能方法是将代码保存到文件中，并将其包括为：

<script type="text/javascript" src="/scripts/jscrollpane/jquery.jscrollpane.init.js"></script>

这确实有助于抵消偏移，但不能完全修复偏移。它仍然会导致背景不对齐。它在我的系统上看起来很好，所以我想我不确定问题出在哪里。在我这边，右边的女孩已经排好了。如果我添加相对位置，问题是：我不认为是其他页面上存在的其他脚本代码，它似乎工作正常。你也需要将该位置代码添加到

#header

，它对我来说似乎正确对齐。我完全涂上了焦油，没有这样做将标记添加到#标题。这样做使它更接近，但仍然不是很完美。但更大的问题是，这会弄乱其他不使用该脚本的页面。我给画廊的开发者发了一封电子邮件，不过我可能需要为图片画廊找到另一个解决方案。谢谢你的帮助。这确实有助于抵消抵消，但并不能完全解决它。它仍然会导致背景不对齐。它在我的系统上看起来很好，所以我想我不确定问题出在哪里。在我这边，右边的女孩已经排好了。如果我添加相对位置，问题是：我不认为是其他页面上存在的其他脚本代码，它似乎工作正常。你也需要将该位置代码添加到

#header

，它对我来说似乎正确对齐。我完全涂上了焦油，没有这样做将标记添加到#标题。这样做使它更接近，但仍然不是很完美。但更大的问题是，这会弄乱其他不使用该脚本的页面。我给画廊的开发者发了一封电子邮件，不过我可能需要为图片画廊找到另一个解决方案。谢谢你的帮助。