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

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

– [サンプルファイル](https://bowz.info/wp-content/uploads/2006-03-09/)

文字によるメニューで幅が確定できない場合、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;` を追加すると正常に表示。ありがとうございます。

– [修正したサンプルファイル](https://bowz.info/wp-content/uploads/2006-03-09/index2.html)

とりあえず、

– Windows + Internet Explorer 5 – 7
– Windows + Firefox 2
– Mac + Safari 3
– Mac + Firefox 2

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

2 COMMENTS

Bowz

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

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です