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
のブラウザで表示確認オッケーでした。
WinIE5のバグでずれますね。
http://kikky.net/pc/css_bug030.html
亀レスすみません。 無事、修正できました。ありがとうございます。