导航栏位置变化

Question

我一直在试图解决我的网站上导航栏的问题。如果我从主页移动到图库页面，导航栏稍微改变（导航链接向上移动2个像素），并且栏似乎向右移动，但我不知道为什么。当您从图库页面移动到关于页面时，也会发生同样的情况，只是它不会向右移动。

该URL是www.peach-designs.com。该代码实在太大而无法发布，但也许有人可以通过查看Firebug或Web Developer工具来帮助我。

Answer 1

您还可以更改的index.php 这个类ID包装会使索引页是相同的其他页面

enter code here 

#wrapper { 
    margin: auto; 
    width: 990px; 
} 

Answer 2

我假设您希望每个页面上的导航位于您的主页上的相同位置（它正确地位于该页面上）。此外，我只在Firefox中进行了测试（因为您建议使用Firebug），您的网站似乎可以正常工作 - 在Chrome中没有图像。

首先，从galleryStyle.css删除此：

#wrapper { 
    height: 599px; 
    margin: auto; 
    width: 990px; 
} 

那么做到这一点上gallery.html，news.html，about.html，并contact.php：

移动<div id="main">到外面<div id="wrapper">之前，所以它最终是这样的：

这样做会使您的白色覆盖层正确居中。目前，这有点太离谱了。

Answer 3

您的图库页面上的包装div比您的主页（仅990像素）窄。由于它占用的空间较小并且居中，因此导航div在图库页面上向右移动以占用其父div（包装器）的较小空间，而不是占用较大的主页空间。尝试使用一致的大小，你会遇到这些问题少。