IE 6でレイアウトがくずれていたのね…… ― 2010/04/02 00:56
正月の細工(バックナンバーをコンパクトに表示)のせいで、故IE 6で表示するとバックナンバーの年月が(改行されず)横一列に並んだ状態になって、右サイドバー全体が記事の一番下に表示されるようになってしまっていたことに昨夜気が付きました。orz
故IE 6の事など忘れても良い気がしますが、直せるなら直してしまえということで修正しました。
Before
After
改行されなくなっていたってことは「white-space:nowrap」(自動改行しない)が要素の中だけでなくそれ自体にも適用されるってことなのかなぁ。で、Afterの様に書けば親タグ(<li>)で効果が切れて改行されると……
なにがなんだか分からないけれど、表示されたからもういいや。
故IE 6の事など忘れても良い気がしますが、直せるなら直してしまえということで修正しました。
Before
.mod-backno li.mod-text{ display:inline; font-family:monospace; white-space:nowrap; padding:0 2px; line-height:1.7em; } .mod-backno ul li a{text-decoration:underline;}
After
.mod-backno li.mod-text{ display:inline; padding:0 2px; line-height:1.7em; } .mod-backno ul li a{ text-decoration:underline; font-family:monospace; white-space:nowrap; }
改行されなくなっていたってことは「white-space:nowrap」(自動改行しない)が要素の中だけでなくそれ自体にも適用されるってことなのかなぁ。で、Afterの様に書けば親タグ(<li>)で効果が切れて改行されると……
なにがなんだか分からないけれど、表示されたからもういいや。
コメント
トラックバック
このエントリのトラックバックURL: http://puppet.asablo.jp/blog/2010/04/02/4989491/tb
※なお、送られたトラックバックはブログの管理者が確認するまで公開されません。
コメントをどうぞ
※メールアドレスとURLの入力は必須ではありません。 入力されたメールアドレスは記事に反映されず、ブログの管理者のみが参照できます。
※投稿には管理者が設定した質問に答える必要があります。