NAV Bar Centrailed Issue

Question

我已经尝试过所有没有进入集中给定的屏幕检测导航栏

#navcontainer { 
    margin: 0 auto; 
    width: 100%; 
    height: 44px; 
}
.menu { 
    font-size: 13px; 
    color: #000; 
    z-index: 1001; 
    margin: 0px; 
    position: absolute;  
    z-index: 30; font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu ul { 
    margin: 12px 0 0 0px;
}
.menu ul li { 
    float: left;
}
.menu .part01 { 
    width: 400px; 
    margin: 10px 0 0 70px; 
    float: left;
}
.menu .part02 { 
    margin: 10px 0 0 695px; 
    width: 400px;
}

This is My Website

Answer 1

将您的菜单导航作为UL LI列表的单个块进行比较，将当前分为2个UL列表并将Logo置于其间。

一旦你拥有了一个容器，你可以使这个菜单响应，添加到父容器并添加样式margin：0 auto;我可以看到你已经拥有。

你的代码应该是这样的：

<div id="menu" style="width:80%; margin: 0 auto;">
<ul>
<li>Item x...</li>
<li>Item x...</li>
<li>Item x...</li>
<li class="logo"></li>
<li>Item x...</li>
<li>Item x...</li>
<li>Item x...</li>
</ul>
</div>

Answer 2

您需要更改以下内容：

.index_container {
    display: block;
    margin: 45px auto 0;
    min-height: 450px;
    width: 100%;
}

.slideshow {
    margin: 0 auto;
    width: 950px;
}

.span-25 {
    margin: 0 auto;
    padding: 0;
    width: 1105px;
}

这将移除载玻片架上的float:left;，并使它们在容器中居中，而容器又保持在其容器的中心位置，容器为100％宽。这与菜单的布局相同，因此它们现在匹配。