先日、Twitterでつぶやきまくられた
IE6でのかちびと.netの問題点。
カラム落ちとレイアウトのズレ、
一番問題だったのが縦スクロールが
出来ない、という未知の経験でしたが、
その解消法、というか修正箇所をメモ。
カラム落ちは初歩的なミスでした。。
環境にもよるかも知れませんが、私はIE6を持っておらず、IETesterで
いつも確認しているのですが、今回はブログ記事の移行作業やら更新やらで
すっかり忘れていました。そんな中、TwitterやコメントでIE6での表示の問題
を知らせて頂けました。
IETesterでエラーが出て見れない
IE6での表示がおかしい、と言われてIETesterで確認しようと思ったら
エラーが出て見れない!これは困った、困ったぞぅ!とTwitterで叫んでいたら
2up_dさん(Twitterの背景が超カッコいい)が凄くいいソフトを
教えてくれました。→IE6.exe※ダウンロードが可能です。
まんまIE6で表示してくれます。まさに
「Xenocode最高や!IETesterなんて最初からいらなかったんや!!」
と言わざるを得ない。もともとIE6を見たくてIETesterをDLしていたのでこれは嬉しかった。
IE6でカラム落ち
例によってIE6でカラム落ちしてましたが、これはsriprootさんに
教えてもらえました。 かなり初歩的なミスではてブの人気エントリーのパーツのwidthが広すぎた。
という、何とも情けない理由でした。笑ってくれ。
本題・IE6に縦スクロールバーが出なかった理由
本題の「IE6に縦スクロールバーが出なかった理由」ですが、ググってもググっても
出てくる情報が無く、かなり困っていましたが、※ただし、イケメンに限るで
有名なロプちゃんが
wp-to-topie6.css の、bodyの overflow-y:visible; を overflow-y:scroll; にしてみたら?
と言う言葉がドンピシャ(古)。完璧でした。という訳で修正点は以下。
wp-to-top/css/wp-to-topie6.css の、body部分。
body { height:100%; overflow-y:visible; }
となっているのを以下のように修正
body {
height:100%;
overflow-y:scroll;
}
これで縦スクロールバーが出ました。ただ、IE6ではやはり、wp-to-topが
表示されません。さくらさんや配布元はIE6でも表示されるので他の
プラグインとぶつかってるか、なんかかも知れませんが。
とりあえず縦スクロールは直りました。良かった。
IE6ユーザーの方、大変ご迷惑お掛けしました。。。