HPを作った時はIE10で作っていてズレもなく綺麗に映っていたのですが、今更になってわかったことで・・導入する(閲覧する)環境がIE8とか9だそうでまず、IEを9にして反映してみたら、レイアウトが崩れていたので、レイアウト崩れを直そうと調べて、こちらのサイトを参考に http://www.art-labo.net/blog/archives/210 「」とheader.phpの中の～の間に記入したら表示されたので、次にIEの8にバージョンを落として表示させてみたら、また、レイアウト崩れが生じてしまったので、また調べて、参考サイト http://princesswell.rocketserver.jp/html/internetexplorer-compatibility-view/ や、参考サイト http://blog.livedoor.jp/qb000sk/archives/51217790.html、 http://blog.livedoor.jp/nara_nissin/archives/35917734.html http://blog.livedoor.jp/nara_nissin/archives/35917069.html http://blog.livedoor.jp/nara_nissin/archives/35918185.html http://d.hatena.ne.jp/Awayann/20100125/1264417600 ・・・と色々と当たってみたのですが、IE８の表示が一向に直らず困っています。何か良い解決方法はないでしょうか？ご教授お願い致します。

WordPressで作ったHPのIE８対応

解決済

HPを作った時はIE10で作っていてズレもなく綺麗に映っていたのですが、
今更になってわかったことで・・導入する(閲覧する)環境がIE8とか9だそうで
まず、IEを9にして反映してみたら、レイアウトが崩れていたので、
レイアウト崩れを直そうと調べて、こちらのサイトを参考に
http://www.art-labo.net/blog/archives/210
「<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>」
とheader.phpの中の<head>～</head>の間に記入したら表示されたので、
次にIEの8にバージョンを落として表示させてみたら、また、レイアウト崩れが生じ
てしまったので、また調べて、
参考サイト
http://princesswell.rocketserver.jp/html/interne …
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
や、
参考サイト
http://blog.livedoor.jp/qb000sk/archives/5121779 …、
http://blog.livedoor.jp/nara_nissin/archives/359 …
http://blog.livedoor.jp/nara_nissin/archives/359 …
http://blog.livedoor.jp/nara_nissin/archives/359 …
http://d.hatena.ne.jp/Awayann/20100125/1264417600
・・・
と色々と当たってみたのですが、IE８の表示が一向に直らず困っています。
何か良い解決方法はないでしょうか？
ご教授お願い致します。

この質問への回答は締め切られました。

回答 (1件)

No.1ベストアンサー

DOCTYPEスイッチを見直す。

　1999年のHTML4.01の勧告以来・・
「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」
　ですので・・・。いまさらですが。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html )

これで文法エラーになるなら
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">