居中導航菜單

-3

一直試圖理清導航欄的中心位置，正好位於橫幅上方（link）。在這裏通過一些解決方案，我玩弄了自定義CSS來嘗試某些變化，但仍然不能得到我所追求的。簡單地說，我只是想讓菜單居中。我已經讀過，它必須是固定的寬度，但後來聽說過。希望解決辦法是我可以得到我的頭。居中導航菜單

感謝

來源

2013-02-22 kolonel

請添加有意義的代碼和問題描述在這裏。請不要將鏈接到需要修復的網站 - 否則，一旦問題得到解決，此問題將會丟失未來訪問者的任何價值。發佈 [簡短，獨立，正確的示例（SSCCE）]（http://www.sscce.org/），這表明您的問題將幫助您獲得更好的答案。有關更多信息，請參閱 [我的網站上的某些內容不起作用。我可以只粘貼一個鏈接到它嗎？]（http://meta.stackexchange.com/questions/125997/）謝謝！ – 2013-02-22 23:32:05

kolonel，堆棧溢出遵循相當嚴格的問答格式，您在這裏沒有問題。 – dgvid 2013-02-22 23:32:48

你有大量的'浮動'屬性，防止居中可能 – 2013-02-23 00:21:27

您需要從樣式表中刪除一些的CSS規則，並添加一些 - 見下面的CSS，從而獲得所需的佈局。

CSS：

#header #navigation { 
    /*float: left;*/ /* remove this property*/ 
} 
#header #navigation { 
    background: none repeat scroll 0 center transparent; 
    box-shadow: none; 
    clear: none; 
    /*float: right;*/ /* remove this property*/ 
    /*width: auto;*/ /* remove this property*/ 
    width: 285px; /* add width here to get the actual width of menu so we can make it center*/ 
}

見截圖：

enter image description here

來源

2013-02-23 08:44:51 w3uiguru

居中導航菜單

回答

相關問題