[TROUBLE 66] IE 6でレイアウトが崩れ標準モードにならない | デザインってオモシロイ -MdN Design Interactive-

[TROUBLE 66] IE 6でレイアウトが崩れ標準モードにならない

2024.4.25 THU

【サイトリニューアル!】新サイトはこちらMdNについて

日々のデザイン現場で発生する問題・難題を解決します!

WEB制作トラブル速戦即決術! 第12回


[TROUBLE 65]
CSSトラブル
IE 6でレイアウトが崩れ
標準モードにならない

文=素利 敦((株)アイ・エム・ジェイ)

A. XHTMLであってもあえてXML宣言を削除する

XHTMLではXML宣言を記述することが推奨されているが、IE 6には「DOCTYPE宣言の前に文字列があると互換モードでレンダリングされる」というバグがあり、レイアウト崩れを起こす場合がある。そのようなときはXML宣言を削除することで回避できる。

IE 6で互換モードでレンダリングされてしまうソース
IE 6で互換モードでレンダリングされてしまうソース

修正したソース。XML宣言を削除し文字コードはContent-Typeで設定した
修正したソース。XML宣言を削除し文字コードはContent-Typeで設定した

[INDEX]
>>> [TROUBLE 61] JavaScriptで切り替える画像が一瞬表示されない状態になる
>>> [TROUBLE 62] Firefoxでスクロールバーが出るときと出ないときがある
>>> [TROUBLE 63] PHPのコンテンツで文字化けが発生してしまう
>>> [TROUBLE 64] IE 6やIE 7で自作のJavaScriptの実行速度が遅く感じる
>>> [TROUBLE 65] メールで送れない大きなデータを今すぐ渡さないといけなくなった
>>> [TROUBLE 66] IE 6でレイアウトが崩れ標準モードにならない



『web creators』の情報はこちら!>>>

twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在