[CSS]フロートしたナビゲーションを中央に配置するスタイルシート

リスト要素をフロートさせて作成したナビゲーションをブラウザの中央に配置するスタイルシートをCSSplayから紹介します。 ナビゲーションのwidthは指定無しの成り行きです。 Centering Float Left Menus デモでは、CSSハックやinline-block, table/table-cellを使用せずに実装されています。 下記に、それをシンプルにしたデモをアップしました。 シンプルにしたデモ IE6/7/8beta2, Fx3, Op9.5, Safari3, Chrome1で正常に動作しました。IE5.5, Fx2はダメでした。 追記：その1 リストを内包するdivに「text-align:center;」をしたら、上記ブラウザ＋Fx2に対応できました。 なんで、きくのだろう、、、？ シンプルにしたデモ（Fx2対応） 追記：その2 「ふ」さんのコメントにより、Saf

[rskmt346]

リストのナビゲーション、センター揃え

[XIAORING]

nav float center

[boyasan]

もしかしたら便利

[Rewish]

一緒に仕事する人には使わないで欲しいTip。

[caraldo_k]

メモ

[koumiya]

あ！これこないだ出来なくて挫折したやつだ！

[tacshiss]

フロート&センタリング。需要高そうな小技。

[sakuragaoka]

これはもうひとつ外側を<div>で囲めば簡単に実現出来る。が、そこで<div>を廃してもレイアウト出来てることがすごいのかな。／あとでちゃんと見る。

[webbingstudio]

float＋position:relative50%でfloatしたまま中央寄せ。text-align:center追加でFx2にも対応可らしい。おおおお。できないと思っていたー！

[gamenou]

今までセンターにしたい時はフロートさせないでインライン化してました。でもこれだと右端にスペースができてしまっていた。

[otchy210]

float:left; left:50%; でセンタリング。目から鱗。margin:0 auto; が効かない IE でも有効ぽい。

[sst]

右端を50%右に＋左端を50%左に＝センター寄せ

[suzuki107]

floatしたnaviをcenterに。

[botp]

Fx2がだめなのか・・・