导航栏Centrailed问题

我已经尝试了所有与屏的中央给予不来检测导航栏也导航栏Centrailed问题

#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

来源

2013-07-15 user2582514

问题是什么？ – Danield

老兄，你有一个IMG，它不是集中的，但在你提供的链接中，看起来不错，所以我不清楚你的要求，你能否请点解释 –

让你的菜单导航作为UL LI列表中的一个单块，相比之下，它被分成2个UL列表和Logo之间。

一旦你有一个容器，你可以使这个菜单响应，添加到父容器和添加样式边距：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>

来源

2013-07-15 08:08:09

@SAM它只会打破不同分辨率也如果你手动重新调整浏览器窗口大小 –

您需要更改如下：

.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％宽的容器中央。这与您的菜单布局相同，因此它们现在匹配。

来源

2013-07-15 08:15:30

谢谢我会检查 – user2582514

导航栏Centrailed问题

回答

相关问题