IE6でレイアウトが崩れてた

in

昨日まで全然気が付きませんでしたが、bookworms::本の虫レイアウトが崩れていました。通常、WinもマックもFireFoxを使用しているので全然気が付かなかったです。

タイトルのロゴ画像の位置をスタイルシートで調整していたのですがこれがIE6ではうまくなかったようで下にはみ出していました。あと、png画像は背景が青みがかっていてカッコ悪い。FFやSafariならきれいに見えるのに。

最大の問題は、各記事へのリンクで、最近の投稿ブロックや「すべて表示」からのリンクの場合、メインブロックの更新だけを行っているのですがこのときComponent用のCSSがうまく読み込めていない様子でそうなるともうめちゃくちゃになってしまうんですね。とりあえず、thmes/index.rhtmlにコンポーネント用のスタイルシートを組み込んで逃げました。

画像に関してはせめてロゴだけでもと思い、gif画像に変換しましたがよっく見るとカッコ悪いです。ちいさなアイコン(famfamfam)は時間をみつけてひとつひとつ変換していくしかなさそうです。

このあたり、IE7はどうなんでしょうね?なんといってもまだまだIE6を無視するわけにもいかず、ブラウザ別にこういう対応をしなければならないのは苦痛ですよ。しかし、一ヶ月近くの間一度もIEは使わなかったってことですね。無視できないといいながらテストしてなかったのか...しかも、このページだって800*600だと...ねぇ。

この記事のトラックバックURL:

http://hippos-lab.com/blog/trackback/85
bookworms::本の虫 から 金, 2006/12/29 - 05:11 受信

ずっと気が付かなかったのですが、レイアウトが崩れていました。見に来てくれた方すいません。FireFox(Win/Mac)、Safariしか使っていなかったもので昨日、たまたまIE6で表示してみたらびっくりしました。一応、応急処理をとったのでなんとか見られる状態にはなったと思います。懲りずにまたどうぞ。

Comments


Apple Store(Japan)