« マーキーが1度しか流れない? | トップページ | RSSをWEBで表示させるMagpieRSS »

リストを横並びにして改行した場合のIE対応

リストをfloat: left;で横並びにした際、長くなって2行目に改行された場合に、

Firefoxの場合

・リスト1 ・リスト2 ・リスト3 ・リスト4
・リスト5 ・リスト6 ・リスト7 ・リスト8

と、リストの頭で自動的に改行されるのですが、


IEの場合

・リスト1 ・リスト2 ・リスト3 ・リスト4 ・リ
                        スト5
・リスト6 ・リスト7 ・リスト8

というようにリストの途中で改行されてしまいます。


また、IEで display: inline;

・リスト1 ・リスト2 ・リスト3 ・リスト4 ・リ
スト5 ・リスト6 ・リスト7 ・リスト8

となってしまいます。


これは、white-space: nowrap; と記述することで解決しました!
でも、IE5.01だとうまくいきません。。。他の解決方法を調査中です。


« マーキーが1度しか流れない? | トップページ | RSSをWEBで表示させるMagpieRSS »

css」カテゴリの記事

コメント

ほんっと助かりました!!ありがとうございます。

コメントを書く

コメントは記事投稿者が公開するまで表示されません。

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1139838/25924917

この記事へのトラックバック一覧です: リストを横並びにして改行した場合のIE対応:

« マーキーが1度しか流れない? | トップページ | RSSをWEBで表示させるMagpieRSS »