NAV Bar Centrailed Issue

时间:2013-07-15 07:45:21

标签: jquery css text-alignment centralized

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

#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

enter image description here

2 个答案:

答案 0 :(得分:0)

将您的菜单导航作为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>

答案 1 :(得分:0)

您需要更改以下内容:

.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%宽。这与菜单的布局相同,因此它们现在匹配。