人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ホームページに設置するメニューバーについてです。
ホームページにメニューバーを設置したいと思ったのですが、メニューバーを真ん中に設置する表記の仕方がわかりません。できるならCSSの表記の仕方を教えて欲しいです。下に今のCSSを載せておきます。

#globalnavi{
margin-left:auto;
margin-right:auto;
padding: 0;
width:1190px;
height:15px;
font-size:20px;
*font-size:20px;
background:black; repeat-x scroll 0 0;
font-family : Arial,'MS Pゴシック',sans-serif ;
}

#globalnavi ul{
margin-left:auto;
margin-right:auto;
list-style-type: none;
margin: 0px 0px 0px 0px;
}

#globalnavi li{
float: left;
margin: 0;
padding: 0;
}

#globalnavi a{
text-align: center;
display:block;
padding: 3px 10px 3px 10px;
color: white;
font-weight: bold;
text-decoration: none;
border-right:1px solid #808080;
margin:1px 0px 0px 0px;
}

#globalnavi a:hover{
background-color:#808080;
color: white;
font-weight: bold;
text-decoration: none;
border-right:1px solid #808080;
}

●質問者: シンジ
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● komorebi
ベストアンサー

コメントにもありますが、
「 #globalnavi 」のセレクタ内に「text-align:center;」を入れてはどうでしょう?
可能ならば、その直前などの「 #globalnavi 」を包んでいるdiv要素など
IEのブラウザでは、これが入らないと中央寄せができません。

「 #globalnavi 」の部分が「width:1190px;」にもなっているので、
どんなデザインなのかが疑問ですが・・・

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ