アナログ
RSS  

IE 6でレイアウトがくずれていたのね……2010/04/02 00:56

正月の細工(バックナンバーをコンパクトに表示)のせいで、故IE 6で表示するとバックナンバーの年月が(改行されず)横一列に並んだ状態になって、右サイドバー全体が記事の一番下に表示されるようになってしまっていたことに昨夜気が付きました。orz

故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の入力は必須ではありません。 入力されたメールアドレスは記事に反映されず、ブログの管理者のみが参照できます。

※投稿には管理者が設定した質問に答える必要があります。

名前:
メールアドレス:
URL:
次の質問に答えてください:
スパムがウザイので合い言葉を入れるようにしました。山と言えば川だろJK


コメント:

トラックバック

このエントリのトラックバックURL: http://puppet.asablo.jp/blog/2010/04/02/4989491/tb

※なお、送られたトラックバックはブログの管理者が確認するまで公開されません。