[ 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

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

スポンサードリンク

この記事が気に入ったら、ぜひシェアをお願いします!

2 件のコメント

  • コメントを残す

    メールアドレスが公開されることはありません。

    ABOUTこの記事をかいた人

    Mac, iPhone, WordPress が好きなウェブディレクター。 香川県坂出市出身。香川県高松市在住。 1973 年生まれで三児の父。川添おやじの会会長。ネギと玉ねぎが嫌い。