導航欄位置變化

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（包裝器）的較小空間，而不是佔用較大的主頁空間。嘗試使用一致的大小，你會遇到這些問題少。