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の設定をする必要がありました。それには、スターハックが必要で、今回細かく設定しました。

上記2対応のため、IE6.0とIE7.0ではブログのカラム幅がほんの少し違います。IE6.0では990pxですが、IE7.0では980pxになっております。

サイドバー落ちの原因は、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冊レビュー達成後に一度本格対応したいと思います。

最近ネタ記事、お知らせばかりなので、さすがに書評を更新しませんとね

bana1 CSSTipsクリック☆  にほんブログ村 本ブログへ



トラックバックURL

コメントする

名前:
URL:
  情報を記憶: 評価:  顔   星