about

sogo  
fukidasi

  social

Count per Day

  • 927現在の記事:
  • 435今日の閲覧数:
  • 4現在オンライン中の人数:

IE9とFirefoxでの改行空白の相違でまたまた挫折



震災の影響で延期になっていたInternet Explorer 9日本語(以降IE9)ですが、いよいよ2011/4/25に正式版の配布が決定しました。この日本語正式版配布に伴い、RC版を使っていろいろとテストをしている最中なのですが、ここでまた例によって新たな問題にぶつかりました。

それは、改行による空白スペースが思うように反映されないという事です。

この問題は、ずっと以前IE6,7,8からも既出の問題だったのですが、テーマ、テンプレートによってはFirefoxで見た感との表示が変わってしまうというもので、私は都度CSSに以下のコードを追加記述する事で対策をしてきました。

br { letter-spacing : normal; }

ところが、IE9ではこの記述が通用しない壁にぶち当たったのです・・・・・・。
どうも今回のIE9での表示ズレは、以前のIE6,7,8の場合と違い
<h3><h4><img>
等、特定のタグを割り入れた前後にだけ起こるようで、通常の改行(連続改行)では問題はないようです。

具体的に説明しますと、


                        

上記にようにFirefoxで適度につけた改行空白がh4(見出し)上部分のみIE9では反映されないのです。

IEまたか・・・という感じですが、要因として考えられるのが、

 連続改行に特殊性のあるWordpressに起因している。

 ただ単にいつものようにIEの俗に言うバグ。

 CSSの記述を抜本的に見直す必要性

 導入済みプラグインとのコンフリクト

等々、さまざまな要因が挙げられますが、現時点で何が原因なのかは解明できていません。

実際に、IE8では正常に表示されていますので、やはりIE9独自の問題なのか・・・・?


私は、基本的にFirefoxを利用しておりIEは使っておりません。しかし、いくら自分はFirefoxしか使わないからといって、これらの問題を放置しておくわけにはいきません。これはfontと一緒で自分の運営しているサイトを閲覧するユーザーに合わせなければいけないという事ですね。

未だに、IE利用者のシェアが50%を越えているというのが私には理解できませんが・・・PC購入時にそのまま付いてくるブラウザだから何も考えずに使っているパターンだと思います。

意外とこのような問題が生じても、「自分の使っているブラウザでは普通に見れるから気にしない」なんて無頓着な方にもたまに遭遇しますが、私はそこまで図太い神経を持ち合わせておりませんので、なんとしてでも解決しなければいけない問題です。
 
 
これからまだまだIE9との格闘と眠れない日々が続きそうです。

*後日追記
IE9でも正しく表示されるよう、なんとか解決しましたのでこちらで記事にしてみました。


Pocket

  • marginかpaddingの解釈が違ったり、でしたっけ・・・?
    9はそんなに触ってないけど、この潰れ方は別物なのかな
    IE用のCSSはなんかもうpotision使いまくりで諦めてます。^^;
    それにしても、このブログサイトのデザインは美しいです!

    • はに丸さま

      こんにちは^^
      そうなんですよね、IEの解釈が自分勝手なんですね。私はIEが嫌いなのですが、
      こればっかりは無視できないので困っています。ある程度の妥協も必要かななんても思いますが、
      まさか9になってこんな状況になってしまうとは・・・・

Trackback URL


この記事を共有していただければ嬉しく思います。コメントもお待ちしておりますのでお気軽にどうぞ!
※ドメインを移行しましたら共有数が0にリセットされてしまいましたので、ご協力お願い致します。