liにfloatをかけた場合、IE7で表示が崩れる

IE7での表示
備忘録として。
liタグに、floatをかけるとIE7で折り返し表示が崩れます。次行にいかずに、liの中で折り返しをしてしまいます。
cssタグの編集
IE7はliの余白で表記が崩れることがあるようなので、まずは、white-space:nowrap と追記します。
修正後のIE7での表示
この段階でも、折り返しは次の行にいき、うまくいっているようですが、編集画面で折り返しが縦に長く表記されてしまっているので、position:relative というスタイルを追記します。
cssの追記
これで、編集画面でのプレビューもきちんと折り返しされるようになりました。

関連記事

コメント

    • universe1225
    • 2013.02.07

    ありがとうございました。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

TOP