導航欄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問題

回答

相關問題