February 22, 2009
【お知らせ】IE6.0のCSS設定完了
IE6.0ユーザーの皆様、大変お待たせいたしました。
本日、IE6.0のCSS設定が完了いたしました!!
ヽ(´ー`)ﾉ
もう右のサイドバーが落ちたりしません!!
あぁ、苦労したなぁ。
以下ちょっとだけ技術的な補足です。
IEの7.0と6.0ではCSSの設定の解釈が違っております。特に6.0はバグが存在しており、width指定に大きな問題があります。そのため、IE6.0用とIE7.0用のCSSの設定をする必要がありました。それには、スターハックが必要で、今回細かく設定しました。
サイドバー落ちの原因は、IE6.0のwidth設定にバグがあり、記事本文中に本文のカラム幅以上の大きさの画像を貼り付けると、本文カラム幅が右サイドバー幅を圧迫していたため、ということになります。そのため、サイドバー落ちが発生している記事とそうでない記事がありました。サイドバー落ちするような画像が大きなものは縮小してあります。
ちなみに、このブログの本文幅は、IE7.0ベースですと540pxです。IE6.0は本文内部のmargin設定もあるので、545pxになっております。特にIE6.0では、画像のwidthが500pxを超えてしまうと、右のサイドバーが落ちてしまうようです。そのため、サイドバー落ちを防ぐには、画像やテーブルのアップ時はwidthを480pxに指定する、という更新ルールを設定しております。
残念ながら、IE6.0, 7.0対応が終わったらすべて完了!!にはなりません。その他の主要なモダンブラウザ、つまりFirefox,Safariなどのブラウザにもしっかり対応すべきです。それはすでに完了しており、以下の記事に詳細を示しております。これでもうどのようなブラウザでも同じように見えるはずです。たぶん・・・。とはいえ、Google Chromeでは確認しておりませんし、IE6.0以前のバージョン、ネスケ、Operaなどは未確認です・・・。多分大丈夫でしょう・・・。
もうすぐIE8.0がリリースになりますが、そこにもバグがあったらもう泣きます・・・。
('A`)
ブログリニューアルから1年近くかけてCSSを地道に設定してきたので、苦労しました。その分、完全オリジナルデザインで、やはり愛着があります
まだまだ、このブログは完全ではありません。最終的には、JavaScriptを使い、もっとクールな図書館にしたいと思います。それは500冊レビュー達成後に一度本格対応したいと思います。
最近ネタ記事、お知らせばかりなので、さすがに書評を更新しませんとね
CSSTipsクリック☆ 
type5w4_lion at 13:29│コメント(0)│トラックバック(0)
お知らせ | 雑感
