忍者ブログ

CriCri

クリエイティブになりたいクリクリ工房

   

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

デモランキングバナー

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

拍手[1回]

デモランキングバナー
  

COMMENT

NAME
TITLE
MAIL (非公開)
URL
EMOJI
Vodafone絵文字 i-mode絵文字 Ezweb絵文字
COMMENT
PASS (コメント編集に必須です)
SECRET
管理人のみ閲覧できます
 

TRACKBACK

TrackbackURL

カレンダー

04 2017/05 06
S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

AD

PR

ブログ内検索

素材サイト様

White Board様
White Board Banner
妙の宴様
妙の宴 Banner
もずねこ様
Mozneko Banner
押し花とアイコン様
押し花 バナー
petit sozai emi様
petit sozai emi
幕末維新新選組様
幕末維新新選組
The Heart of Eternity 様
thoe バナー
Crambon様
Crambon バナー
DragonArtz Design 様

プロフィール

メール de コンタクト

このブログへのリンク

Firefoxを支援しています

管理人はFirefoxの愛好者です。Internet Explorer は大嫌い。IEよりはるかに優れたFirefoxをお試しあれ。ダウンロードは下のバナーから無料でできます。
Firefox ブラウザ無料ダウンロード

現在の閲覧者

Copyright ©  -- CriCri --  All Rights Reserved

Design by CriCri / material by DragonArtz Desighns / powered by NINJA TOOLS / 忍者ブログ / [PR]