CSS導航在不同的瀏覽器中更改

我的導航有問題 - 在Safari中使用此工具非常適用於Chrome瀏覽器&，但在Chrome或IE10中看起來並不正確。CSS導航在不同的瀏覽器中更改

這裏是網站：http://66.147.240.166/~peakeffe

這裏是CSS驅動主導航：

position: relative; 
z-index: 98; 
width: 900px; 
margin: 0 auto 0 575px; 
background: #4c2917; 
border-top: 0px solid #653600;

來源

2013-04-23 user2312348

它在Firefox中懸掛在右邊。那個「看起來不正確」是什麼意思？ – isherwood 2013-04-23 17:09:16

不，在Firefox和Safari瀏覽器中我看起來不錯 - 它在IE10右邊的Chrome和WAAA右邊懸掛着 – user2312348 2013-04-23 17:15:27

不知道你使用的是什麼版本的Firefox，但這對我來說已經壞了。 FF，Ch和IE10都符合標準，並且傾向於同樣呈現良好的CSS。 – isherwood 2013-04-23 17:20:06

你負右頁邊距是導致菜單伸出。試試這個：

.menuwrapper { 
    right: 20px; 
}

你似乎有一個不必要的複雜的佈局，所有這些負邊距。您的標題和內容區域之間也有一段小小的慢跑。我會考慮簡化一些事情。

也試試這個：

.mainmenu.row { 
    width: auto; 
}

來源

2013-04-23 17:11:03 isherwood

.mdivide {height：30px;寬度：0; border-left：0px solid＃444; margin：-30px auto 0 auto; } .mainmenu {position：relative; z-index：98;寬度：900px;保證金：0汽車0 575px;背景：＃4c2917; border-top：0px solid＃653600;/* -webkit-box-shadow：0px 2px 10px rgba（0，0，0，0.4）l -moz-box-shadow：0px 2px 10px rgba（0，0，0，0.4）; box-shadow：0px 2px 10px rgba（0，0，0，0.4）; */background：transparent;} .menuwrapper {float：right;寬度：800px;/*右：-42％; * /職位：相對;保證金：-45px自動0自動;右：-90px;} – user2312348 2013-04-23 17:16:01

#mainmenu {background：url（''）no-repeat left top;可見度：可見的;寬度：100％;保證金：0汽車;} 這就是現在指導它的一切。如果我對菜單包裝進行了更改，它在某些瀏覽器中仍處於關閉狀態。任何方式爲不同的瀏覽器指定不同的設置？ – user2312348 2013-04-23 17:16:46

Egads。代碼不屬於評論。你不需要在2013年爲不同的瀏覽器做不同的CSS。如果你這樣做可能是由於佈局不好。 – isherwood 2013-04-23 17:18:22

你有36 HTML errors和782 CSS errors。開始工作。但是，其中很多是供應商擴展或僅限IE的屬性。只是不知道哪些，但那裏有錯誤。

來源

2013-04-23 18:22:52 Rob

CSS導航在不同的瀏覽器中更改

回答

相關問題