以前に
横メニューバーをブログタイトル下に表示する方法を紹介しました。
今回はこれを中央寄せに表示する方法を紹介します。
スタイルシートの末尾に以下を加えてください。
ul#menu_bar {
width:707px; /* (メニューの幅+1) X メニューの数 */
margin-right: auto;
margin-left:auto;
}
数値は
(メニューの幅+ボーダーの幅)×メニューの数 としてください。
IE6以前のブラウザはボーダー幅の解釈が異なるため、僅かにズレて見えてしまうのでご了承ください。
- 関連記事
-