IE9登場に伴うテンプレ修正のお知らせ

今日、Webstyle #01 シリーズの更新版が出ました。

最初はこっちを修正する予定ではなかったのですが、IE9の不具合報告を見ているうちに、jquery （java script ライブラリ）での不具合が報告されているのに気が付きました。

jquery を使用しているテンプレのトップメニューに今のところ変化はないようですが、jquery 側がIE9に対応する最新版を公開したので、念のためにこの最新版と入れ替えることにしました。
Webstyle #02 シリーズも同じくjquery を使用しているので、こちらも修正しておきました。


Webstyle #02 シリーズのほうは、スクリプト以外にもIE9での表示不具合を修正しています。
IE9だけトップメニューの上部と記事ブロックの枠の下部の余白がなくなり、記事下部はナビ部分と枠がくっついてしまうのですが、実はIE9に不具合があるわけではありません。

他のすべてのブラウザで、トップメニュー上部と記事ブロック下部に、勝手に意味不明なスペースができているのですが、IE9はCSSどおりに忠実に表示しているから、かえっておかしくなってしまうという変な問題です。

もしかしたらトップメニューのCSSかスクリプトに何かの問題があるのかもしれませんが、他のすべてのブラウザに変更不可能なスペースができているので、IE9をそれに合わせないと修正できない。

すでにIE9用ハックが出ていますが、試してみたら親ボックスにかけたハックが子要素にまで継承してしまい、どうやってもうまくいきませんでした。
それで、IEだけ読み取ることのできる条件付きコメントで処理することにしました。

<!--[if IE 9]><link rel="stylesheet" href="http://file.cricri.blog.shinobi.jp/webstyle02_ie9.css"><![endif]-->

ここで気になるのが、コメントの中に入れたリンクがはたして忍者のリンクに変わるのか否か、ということ。
どうなるのかわからないので、試しに修正テンプレを一つだけ出してみて、もし変更されなかったら条件付きコメントに直接スタイルシートを書き込むことにしました。

もしリンクが忍者のリンクに変換されたらいいですが、変換されなかった場合はもう一度申請し直すことになるので、Webstyle #02 blue light の修正版が出ても、すぐにダウンロードせずに様子を見ていただくとありがたいです。
コメントの中のリンクも忍者のリンクに変換されたので、Webstyle #02シリーズをすべて申請しました。

やっとIE8が普及してきたところでIE9はまだまだ少ないですが、Windows の重要なアップデートの中にIE9のインストールが入っているので、これからIE9は増えていきます。
現在Webstyle #01シリーズ、またはWebstyle #02シリーズをお使いの方は、この機会に更新版を再度ダウンロードしてください。