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


正月の細工(バックナンバーをコンパクトに表示)のせいで、故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>)で効果が切れて改行されると……

なにがなんだか分からないけれど、表示されたからもういいや。
[CSS]
[アサブロ]

コメント(全0件)
コメントをする


記事を書く
 powered by ASAHIネット