Webstyle #02 シリーズに3カラム登場

今回の修正に便乗して、Webstyle #02 シリーズの3カラムを作りました。
以前にbutterfly の3カラムの希望があったのですが、なかなか時間が取れなくて・・・（汗）
今回やっと、すべての修正と３カラム制作が終わって、ほっとしています。

３カラムは２カラム版を基本にしています。
デザインに合わせて、プラグインは２列とも右側です。
特にbutterfly はバックに大きな蝶がいるので、バランスが崩れないように配慮しました。

疑似1カラムは、バックに大きな画像や写真を使える仕様となっています。
プラグインが見えないのが初期設定なので、３カラム版を作る予定はありません。

３カラムの詳細記事は、テンプレが公開された後に「Webstyle #02 シリーズ　2カラム」のところに付け足します（たぶん夜になると思います）
3カラムの詳細を「Webstyle #02 butterfly、カスタマイズ2Ｃ」に追加しました。

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シリーズをお使いの方は、この機会に更新版を再度ダウンロードしてください。