IEでドキュメントモードの指定が反映されない問題について

このQ&Aのポイント
  • IE 10.0.9200.16843を使用していますが、ドキュメントモードをIE8に固定しようとしています。
  • <meta http-equiv="X-UA-Compatible" content="IE=IE8">というmetaタグを使いましたが、反映されません。
  • コードには<!DOCTYPE>宣言と<meta charset="UTF-8">が含まれています。
回答を見る
  • ベストアンサー

IEでドキュメントモードの指定

IE 10.0.9200.16843を使用しています。 ドキュメントモードをIE8に固定したいので <meta http-equiv="X-UA-Compatible" content="IE=IE8"> と書いたのですが、反映されないようなのです。 検証に使ったコードは以下の通りです。 ================================== <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="X-UA-Compatible" content="IE=IE8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>IEドキュメントモードテスト</title> </head> <body> <script type="text/javascript"> document.write("ドキュメントモード=" + document.documentMode + "<BR>"); </script> </body> </html> ================================== 何か見落としがあるのだと思うのですが、教えて頂けませんでしょうか。 なお、metaタグでなくレスポンスヘッダでX-UA-Compatibleを指定しても同じでした。 IE=IE7やIE9を指定しても変わりませんでした。 よろしくお願いいたします。

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • outbrave
  • ベストアンサー率60% (231/380)
回答No.1

<meta http-equiv="X-UA-Compatible" content="IE=8"> ではないでしょうか。

paraspor
質問者

お礼

仰るとおりでした。お恥ずかしい。ありがとうございました。

関連するQ&A

  • IE11のドキュメントモード既定について

    IEの開発者モードで開くドキュメントモードでIEの既定が10となっているのですが ポップアップである画面を開くと既定が5になりスタイルが崩れるということが起きてます。 この既定値の設定方法がありましたら、お教え願います。 <meta http-equiv="x-ua-compatible" content="IE=edge" /> この設定はして、キャッシュクリアもIEのリセットもしても変わらないです。 ただ何度かドキュメントモードで変更したら、一度変ってしまったら設定は関係なく毎回edgeで開くようになってしまってます。

  • IE10ドキュメントモードについて

    サイト自体が下記を指定しております。 <meta http-equiv="X-UA-Compatible" content="IE=8"> ie8で閲覧した場合問題なく表示されるのですがie10で閲覧した際にスクリプトエラーが発生します。 audio.jsを利用しサイトにmp3を流したいのですがie10でエラーが出ます。 何かいい対策はないのでしょうか?

  • DOMで生成したタグにCSSが適用されない(IE)

    DOMでタグを生成した場合、IEではそのタグにCSSが適用されないのですが 何かいい解決法はないでしょうか。ちなみに試したHTMLは下記の通りです。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>test</title> </head> <body> <script type="text/javascript"><!-- A = document.createElement("div"); A.setAttribute("id", "A"); A.setAttribute("style", "color:red;"); document.body.appendChild(A); document.getElementById("A").appendChild(document.createTextNode("test")); --></script> </body> </html>

  • html5のレンダリングモード指定

    html5でレンダリングモードを IE=edge にて、htmlを作成中です。 (上記は要求仕様です) ほぼ出来上がったので下記サイトで文法チェックしてみました。   http://www.htmllint.net/html-lint/htmllint.html そうすると <meta http-equiv="X-UA-Compatible" content="IE=edge"> で、下記のようにエラーになってしまいます。 <META> の HTTP-EQUIV の属性値 `X-UA-Compatible` は正しくありません。`REFRESH`、`DEFAULT-STYLE`、`CONTENT-TYPE`、`CONTENT-LANGUAGE` または `SET-COOKIE` でなければなりません。 ※このエラーをなくしたいのですがどうしたらよいでしょうか? 無視しても良い、みたいにかかれているサイトもありましたが、勉強のためにも どう対処したらよいのか、教えていただけないでしょうか?

    • ベストアンサー
    • HTML
  • IE8でレイアウトが崩れます。

    HPビルダーを使ってHPを作成しております。作成したサイトがIE8でレイアウトが崩れるのでタグを追加し以下のように記載しましたがIE8で確認しましたが直っておりませんでした。間違っている箇所等がございましたら、ご指摘お願い致します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />

  • IE8でページの一部が表示されない

    CSSテンプレートを利用して作成したページの、ヘッダーや周りの色つき部分、フッターが正しく表示されません。Chromeでデバッグした際は問題ないのですが、なぜでしょうか? CSSも初心者のためよく解析ができていません。 HTMLでは次の宣言をしてありますが、これに問題があるのですか? すみませんがお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title>********</title> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <link rel="stylesheet" type="text/css" href="style1.css"> <meta name="GENERATOR" content="MSHTML 8.00.6001.19019"></head>

  • PHP、どうして認識しないのですか?

    現在の私のサイト(shtml)のソースは次のとおりです(甲)。これを下記(乙)のように書き換えてアップしましたが”こんにちは”の文字が現れません。 レンタルサーバーの問題ですか?ソースの問題ですか? (甲) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML lang="ja"> <HEAD> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > <META http-equiv="Content-Script-Type" content="text/javascript"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"> <TITLE>○○○</TITLE> (乙) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>○○○</title> </head> <body> <!--shtmlのソースの中に次を挿入しました--> <p> <?php echo "こんにちは。<br />"; echo "こんにちは。<br />"; echo "こんにちは。<br />"; echo "こんにちは。<br />"; ?> </p> ----------------------- これが表示されません。 教えて下さい。どうしてですか? 宜しくお願いします。

    • ベストアンサー
    • PHP
  • IEだけjsファイルを読み込まない指定

    よろしくお願いいたします。 IEだけに適用させたくないjsファイルがあり、 HTMLファイルの<head></head>内に、下記のように記述してみたのですが、 <!--[if !IE]> <script type="text/javascript" src="aaa.js"></script> <![endif]--> IEだけでなく他のすべてのブラウザで適用されなくなってしまいました。 書き方が間違っているのでしょうか・・? ソースは下記のようになっています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="Description" content="あああ" /> <meta name="Keywords" content="あああ" /> <title>タイトル</title> <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" /> <link href="import.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="print.css" type="text/css" media="print" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <!--[if !IE]> <script type="text/javascript" src="aaa.js"></script> <![endif]--> 以下略 また、こちらのページを参考に記述いたしました。 http://blog.playunderworld.com/web/ie-conditional-comment/ もし原因をご存知でしたらお教えいただけたらと思います。 どうぞよろしくお願いいたします。

  • IEでエラー

    FireFoxだと問題ないのですが、IEだとエラーが出ます。 原因がわからないので、助けてください。 IEには次のようなエラーが出ます。 ライン:5 文字:1 エラー:構文エラーです コード:0 ソースコードは以下の通りです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> 。。。。 以上、すみませんが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • IE6で表示がずれて困っています。

    IE6で表示がずれて困っています。 firefox・IE8では表示されるのに、IE6ではずれてしまいます。 質問したい事が2つあるのですが、 1つ目は インラインフレームでIE6だけサイズが大きくなる。 原因とサイズの揃え方を教えて下さいm(__)m 画像添付とソースをはります。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> <link href="testcss.css" rel="stylesheet" type="text/css" /> </head> <body> <div> <p><img src="images/news.gif" width="490" height="29" /></p> <iframe src="news.html" id="newsi" frameborder="0" scrolling="auto"></iframe> </div> </body> </html> ●CSS● *{ margin: 0; padding: 0; } div{ width:490; height:200; } #newsi{ width: 486px; height: 150px; border: 2px #F96 solid; } --------------------------------------------------------- 一つ目は以上です。 二つ目もここにで質問したかったのですが、文字数が足りないためもう一度質問させていただきますm(__)m 初心者でわからない事が多いため、できるだけ詳しく教えて下さい。 宜しくお願いいたしますm(__)m

    • ベストアンサー
    • HTML

専門家に質問してみよう