css - センタリング ナビゲーション メニュー

Question

バナー (リンク) のすぐ上にあるナビゲーション バーのセンタリングを整理しようとしています。ここでいくつかの解決策を実行しました。カスタム CSS をいじって特定のバリエーションを試してみましたが、それでも私が求めているものを得ることができません。簡単に言えば、メニューを中央に配置したいだけです。幅を固定する必要があると読みましたが、そうではないと聞きました。うまくいけば、解決策は私が理解できるものです。

ありがとう

Answer 1

スタイルシートからいくつかの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*/
}

スクリーンショットを参照してください。