Home > CSS > [ CSS ] ul 要素でタグ付けしたメニューを右揃えにするサンプル

[ CSS ] ul 要素でタグ付けしたメニューを右揃えにするサンプル

ul 要素でタグ付けしたメニューを右揃えにする CSS のサンプルを作ってみました。

文字によるメニューで幅が確定できない場合、float を使うんじゃなくて、text-align を使った方が良いみたい。とりあえず、Mac IE 5.2.3 + Safari 2.0.3 では問題なし。

修正してみた @ 2008-03-18

Windows + Internet Explorer 5 のバグで表示がずれるとコメント頂いたので、MultipleIEs に含まれる Internet Explorer 5.01 で確認すると確かに表示がずれてました。

コメントで教えて頂いた通り height:1px; を追加すると正常に表示。ありがとうございます。

とりあえず、

  • Windows + Internet Explorer 5 - 7
  • Windows + Firefox 2
  • Mac + Safari 3
  • Mac + Firefox 2

のブラウザで表示確認オッケーでした。

関連する記事

Comments: 2

(ai) 07-09-06 (木) 12:26

WinIE５のバグでずれますね。

http://kikky.net/pc/css_bug030.html

Bowz 08-03-18 (火) 22:57

亀レスすみません。
無事、修正できました。ありがとうございます。

Comment Form
Remember personal info

Trackback+Pingback: 0

TrackBack URL for this entry
http://bowz.info/568/trackback
Listed below are links to weblogs that reference
[ CSS ] ul 要素でタグ付けしたメニューを右揃えにするサンプル from Bowz::Notebook

Home > CSS > [ CSS ] ul 要素でタグ付けしたメニューを右揃えにするサンプル

Search (S)
Recent Entries
Pages
Categories
Archives
Feeds
Meta
管理人運営ブログ
スポンサードリンク
タグクラウド

Return to page top