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导航在不同的浏览器中更改

回答

相关问题