徽標和導航菜單重疊上的問題

Question

菜單本身有幾個問題，我不知道如何解決，代碼似乎有效（至少在那部分），但問題是，當用戶進入網站，並放大（如在上網本的情況下），網站徽標和nav1菜單重疊。有什麼線索在這裏失敗？我已經在我的電腦上嘗試過firefox，chrome和Opera，並且它不會重疊，但是在不同的計算機上......緩存問題。

任何幫助將超過歡迎！

這是URL

Answer 1

這是因爲上網本的分辨率或瀏覽器的寬度太小，無法容納兩個標誌和導航。當我拖動我的瀏覽器變得更窄時，我看到了同樣的問題。

您可以縮小標識或將#header的寬度更改爲1024px，以防止縮小太多。

但是，這意味着內容將溢出上網本的瀏覽器窗口。

我建議萎縮的標識，如果你想保持964px寬的#header

Answer 2

你的標誌是絕對定位的，因此總是會從左 87px可能是你需要編寫CSS以不同的方式

.logo img { 
left: 87px; 
padding: 20px; 
position: absolute; 
top: 28px; 
z-index: 18; 
}