以前に横メニューバーをブログタイトル下に表示する方法を紹介しました。
今回はこれを中央寄せに表示する方法を紹介します。

スタイルシートの末尾に以下を加えてください。

ul#menu_bar {
width:707px; /* (メニューの幅+1) X メニューの数 */
margin-right: auto;
margin-left:auto;
}

数値は （メニューの幅＋ボーダーの幅）×メニューの数 としてください。

IE6以前のブラウザはボーダー幅の解釈が異なるため、僅かにズレて見えてしまうのでご了承ください。

関連記事

• カテゴリ別フリーエリアの表示 (2009/07/30)
• メニューをマウスオーバーするとタイトル背景が変わる (2009/07/25)
• メニューバーに検索フォームを表示 (2009/07/23)
• メニューバーの中央寄せ (2009/07/22)
• ページ送りナビゲーション (2009/07/09)
• メニューバーの画像ロールオーバー (2009/07/05)
• メニューバーのドロップダウン (2009/07/03)