[IE] Internet Explorer 8 ドキュメント互換性モードの指定について

IE6のドキュメントタイプで表示が変わる互換性モードに頭を抱えたWeb業界の人は多かろうと思いますが、IE8で更に上位版が出たそうです。
でもIE6で悪行を働いた標準・互換モードの変更動作とは違い、IE8で導入されたドキュメント互換性は、
IEがページを表示する際に使用する特定のレンダリングモードの選択を可能にするもので、従来のDOCTYPEの変わりに
新しくMETA要素の X-UA-Compatible により操作が可能に。

簡単にまとめると

IE8だと表示が崩れる…IE7なら崩れないのに…orz

METAタグでIE7モードで表示するよう指示

IE8がその指示に従ってIE7っぽくレンダリング

ウマー(゚д゚)

ということらしい。

その場合のMETAタグは次のようになる(Emulate IE7 互換性モードを指定)

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

このメタタグはヘッダーの一番上(titleや他のmetaよりも上)に置かなければならない。

その他のcontent 属性値

  • IE=EmulateIE5 → Internet Explorer 5 の動作を模倣
  • IE=edge → 使用できる最高のモードを使用
  • IE=EmulateIE8も使用可能
<meta http-equiv="X-UA-Compatible" content="IE=4"/>   <!-- IE5 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=7.5"/> <!-- IE7 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=100"/> <!-- IE8 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=a"/>   <!-- IE5 mode --> 

各モードをセミコロンで区切って複数のドキュメント モードを指定することも可能らしい。
特定の互換性モードを除外する使い方も可能だが、推奨はされていない。

例:IE7 モードを除外

<meta http-equiv="X-UA-Compatible" content="IE=5; IE=8" />

一見便利そうだけど…用途がわからん……

※公式ドキュメントはこちら

でもやっぱりメインで確認するのはIE6なんだろうな、っていう。

続きを読む

Google純正ブラウザGoogle Chrome(BETA)提供開始

なんとあのGoogleがブラウザ出しましたよ。新し物好きなので早速入れてみた。

GoogleChrome(BETA)

まだBETAらしいので問題も色々とある様子。
このエントリーはGoogle Chromeでよく見るサイトを回りつつ気づいた事や、見かけた情報などのメモです。

ダウンロードしたらとりあえず、文字エンコードの設定で自動検出にチェック入れると良いと思った。
起動・動作はかなりキビキビしてます。機能がシンプルだからかもしれませんが。
表示スピードはSafariやFirefox3と同じくらいですが、Google関連の表示がやたら速く感じます。気のせいかな…

続きを読む

WinXP(sp2)でIE7からIE6に戻す

うっかり屋専用メモ。IE7からIE6に戻す方法を色々検証

システム復元
インストール時期が古いと復元できないことが多い。

IEOE再インストールヘルパー
IE7をアンインストールした後出るダイアログを、レジストリ操作かなんかで消してくれる
SP2だとダメっぽい

レジストリ操作
あまりオススメしないが…。

続きを読む