facet-?β このページをアンテナに追加 RSSフィード

2007-09-07

[][] 横に長いpreがあるとIE6でサイドバーが真ん中よりに。 23:17  横に長いpreがあるとIE6でサイドバーが真ん中よりに。 - facet-?β を含むブックマーク はてなブックマーク -  横に長いpreがあるとIE6でサイドバーが真ん中よりに。 - facet-?β  横に長いpreがあるとIE6でサイドバーが真ん中よりに。 - facet-?β のブックマークコメント

確かにIE6だと崩れてますね。

Hatenaテーマのまま、ほとんどCSSはいじってないんですけどね。。。


:via betaグループ - だいちゃんの以下略@β - 少しだけ


で、調べた結果、横に長い pre 要素のあるエントリ (つまり、主にbookmarkletを書いたエントリ)がダメみたいです。


CSS ミスってたというか「何も対策してなかった」ので IE6 での表示がおかしくなっていたということですね。


ということで、とりあえず CSS hack で回避しました。

pre {
width: auto;
_width: 100%;
overflow: auto;
_overflow-x: scroll;
}

Ref. hail2u.net - Weblog - pre要素へのスタイル指定


お知らせありがとうございました~(^^)>id:daichan330さん


----

はてなではコードを書くことが多いんだから、大元の CSS で対策しておいて欲しいなあと思うのは欲張りですかね。。。