css - CSS 导航在不同浏览器中的变化

Question

我的导航有问题 - 在 Safari 和 Firefox 中使用此 CSS 效果很好，但在 Chrome 或 IE10 中看起来不正确。

这是网站：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;

Answer 1

您有36 个 HTML 错误和782 个 CSS 错误。开始工作。但是，其中许多是供应商扩展或仅限 IE 的属性。只是不知道哪些，但那里有错误。

Answer 2

您的负右边距导致菜单突出。尝试这个：

.menuwrapper {
    right: 20px;
}

您似乎有一个不必要的复杂布局，所有这些负边距。你的标题和你的内容区域之间也有一个小的移动。我会考虑简化一些事情。

也试试这个：

.mainmenu.row {
    width: auto;
}