Javascript 为什么我的导航栏有时会根据加载/刷新/链接单击时的屏幕分辨率调整大小？

有关网站可在此处找到：

看起来导航在大多数情况下都能很好地工作，但有时（特别是在刷新页面时）导航栏（divid幻线2）会扩展到整个屏幕右侧

我一直在努力解决这个问题，我能想到的最好办法是，某种设置大小的javascript可能能够正确地调整大小，但我仍然不能完全确定为什么会发生这种情况，所以我希望在一些帮助下，我可以隔离这个问题，并从那里着手正确地解决它

**此外，这可能也可能不是无关的，但一旦你回到IE vers。7页面崩溃了，但我很确定这是我的下拉列表的问题，因为那是导航的开裂部分

浏览器中会发生这种情况：

Firefox（半定期）

Chrome（页面刷新但不点击链接）

Safari（页面刷新，但不点击链接）

浏览器中不会发生这种情况

IE 8+

歌剧院

---

感谢所有花时间帮助我解决这个问题的人，如果你不打算花几分钟来研究这个问题并提供合理的帮助，请不要发帖。

不是100%确定这是否是你设想的设计，但是

#magic-line-two {max-width:450px !important;}

---

在firefox和chrome中都可以正常工作。

看起来您的一些脚本在加载CSS之前试图操作元素。将标记移到脚本标记上方，然后看着问题消失。：-）

---

。。。然后通过标签加载它们。

你是说导航栏关注你当前悬停的任何链接吗？如果是这样的话，它看起来像是被设置为具有

右侧：0px

（可能不是正在发生的事情，但看起来是这样的）。我正在使用Chrome，它开始填满整个右侧，直到我将鼠标悬停在一个链接上才改变。是的，这就是我所指的，除非你点击一个链接，它应该可以正常工作。黑色部分通常只保留在您当前所在的页面上。如果您首先访问页面或单击某个链接，然后将其f5，该栏将从屏幕右侧一直展开。（条形图大小根据您的分辨率进行调整）这很有趣。我们能看到页面那部分的CSS和JS吗？当然可以，只需检查页面源代码并单击包含的文件。首先，您可能希望看到这些文件：（在样式中检查/*Slidey Nav Stuff*/这是Slidey Nav Stuff的代码）最大宽度：450px！重要的；设置在#魔线二给它一个相当正常的结构相同的回应我在评论。当错误确实发生时，该设置有助于导航，但导航功能应该与下面的示例类似：嗯，看看这个，他们将魔线2设置为它开始的元素的大小，而您的元素是巨大的（并且他们从未设置最大宽度，只是宽度）。不确定这是否是您想要的，但是如果您将它设置为与它开始的元素相同的宽度，您应该可以得到更多类似的东西。我尝试了一下，我将宽度设置为62px（索引主页的宽度），然后加载了几次。它坏了，这个条最终变成了我屏幕分辨率的大小，并从屏幕右侧射出。

...
<title>Elite Pool Builders</title>
<link rel="stylesheet" href="http://elitepools.ca/style.css" type="text/css" media="screen" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=1.3.2'></script>
...

@import "css/slider.css";
@import "css/pools.css";
@import "css/contact.css";