导航栏位置更改

Question

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

网址为www.peach-designs.com。代码真的太大了，无法发布，但也许有人可以通过使用Firebug或Web Developer工具来帮助我。

Answer 1

我假设您希望每个页面上的导航与您主页上的导航位置相同（它在该页面上正确居中）。此外，我只在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 2

您的图库页面上的包装div比您的主页更窄（仅990px​​）。因为它占用较少的空间并且居中，所以你的nav div在画廊页面上向右移动以占据其父div（包装器）的较小空间而不是主页的较宽空间。尝试使用一致的大小，你会遇到这些问题。

Answer 3

您还可以在 index.php 中更改类ID包装器 这将使索引页面与其他页面相同

enter code here

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