• 締切済み

IEの互換表示について

皆様 いつもお世話になります。 早速ですが、ご質問させていただきます。 勉強がてらWEBサイトを作成したのですが、IE11～9のブラウザで閲覧すると真っ白い画面が表示されてしまい困っています。 その際、クライアント側で互換表示設定を行うときちんと表示されるのですが、開発側で強制的に互換表示を行うように設定した場合は真っ白い画面のままです。 クライアント側と開発側で行う上で何かしら違いはあるのでしょうか？ 開発側で行った設定は以下のとおりです。 ・<head>直後に<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />を記述 ・.htaccessに「Header add X-UA-Compatible "IE=EmulateIE8"」を記述 ・index.php内に 「header('X-UA-Compatible: IE=EmulateIE8');」 を記述 【補足】 その他、chromeやfirefox、IE８以前はきちんと表示されます。 【開発環境】 Windows7 LAMP（テンプレートエンジンにsmartyを使用） どなたかお詳しい方、ご教授のほど何卒宜しくお願い致します！

  • CSS
  • 回答数3
  • ありがとう数11

みんなの回答

回答No.3

No.2です。 すみません。訂正します。 http://msdn.microsoft.com/en-us/library/ff955275(v=vs.85).aspx EmulateIE8は規定されていました。 ということは、おそらく質問文に書かれていない別の場所に原因があると思います。

回答No.2

IE=EmulateIE8というのは規定されていないので、<meta>指定が無視されているのでは？ IE=EmulateIE7やIE=8など、規定された方法を行ってみてください。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

基本的には、標準モードで動作するようにHTMLを記述すれば問題ないはずです。 IE7以降は標準モードが指定できる。 ＞開発側で強制的に互換表示を行うように設定 　これは間違っています。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>サンプル</title> 　文字コードは合わせる 　これで、モダンブラウザ間の表示差はないはずです。 ★1999年のHTML4.01の勧告以来 　『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』 　ですし、XHTML1.1、HTML5にはstrict以外ないので、いまどきtransitinalはないです。

takachipo
質問者

お礼

有り難うございます！ アドバイス通りで実現出来ました！

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • IEのエミュレートについて

    IEのエミュレートに関してご存知の方、ご教授ください。 apacheで以下の設定をした場合、 Header set X-UA-Compatible "IE=9" 質問１ IE9の互換表示切替は無効になりますか？ (クライアントで互換表示を制御してても必ずIE9互換表示なしの見え方になりますか？) 質問２ IE6でページを開いたときは上記の設定は適用されませんか？ (IE6のハックがちゃんと効きますか？) ご回答お待ちしています。

    • 締切済み
    • CSS
  • IE11で、IE8互換モードがおかしい

    いままで、ApacheWebサーバーのhttpd.confに Header　Set　X-UA-Conpatible　IE="EmulateIE8"を設定して運用してきまして、IE9では問題なく表示できていました。 IE11では、画面表示サイズが大きくなったり、画面のテーブル項目のサイズ（幅）が拡大したり、Javaスクリプトが正しく動かなくなる現象が出ています。 IE11の設定などで、変更の必要な箇所があるのでしょうか。 原因と対策について教えてください。 よろしくお願いします。

  • ＩＥ８（インターネットエクスプローラー８）で自社サイトが正しく表示されない

    IE７（インターネットエクスプローラー）で正常に表示されていた自社サイトが、IE8では大きく乱れます。「互換表示モード」のボタンを押しても同様です。 サイトのindexファイルに、IE8を強制的にIE７で閲覧させるためのタグ <meta http-equiv=\"X-UA-Compatible\" content=\"IE=emulateIE7\" /> を書き込んでも、表示は乱れたままです。 となると、根本的にサイトを作り直す必要があると思われますが、どのようにすればよいでしょう？ そもそも「IE７に作られたサイト」と「IE８に作られたサイト」はどこがどう違うのでしょう？ 初中級者なので、わかりやすい回答をお願いします。

  • Macでサイトが壊れている！直す方法ないの！

    winではIE10で自らのサイトが壊れて表示されていたので、 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > と記述(マイクロソフトより)し正常に表示されています。 ところが、やはりMacでも壊れているのです。 マックは、まだまだ、このような対処が出来るほどサポートが充実していないのでしょうか？ 難しいかも知れませんが、ご存知の方が居られましたらお願いします。

  • IE6をIE8対応に変更

    運用中のシステムですが、今までIE6を推奨して使っていただいてたのですが、 エンドユーザよりIE8で使いたいが大丈夫か？と問い合わせがありました。 IE6はhtmlの記述が多少間違っていても、間違いを無視したり、 補ったりしてくれて(^^) 、画面表示も問題がありませんでしたが IE8で動作した場合、表示が崩れたりしますよね？ で、それらを正しく表示させるため、ソースから修正しようとしているのですが Another HTML-lint gateway を利用して文法チッェクをした見たら、 こんなにも間違っていたのかと思うほど　たくさんのミスがありました。(-_-; で、htmlやcgiプログラムをひとつずつ修正しようとしているのですが 例えば！ IISサーバのプロパティのカスタムヘッダに 　　X-UA-Compatible：IE=EmulateIE7 のような設定をすれば、IE8でもうまく動くでしょうか？ 表示が崩れる程度ならいいのですが、 cgiアプリで吐き出されるhtmlの文法のミスが多いので、サーバの設定を変えても問題外でしょうか？ なるべく早く対応するように言われているので ちょっと弱気になってしまい、質問させていただきました。 最終的には正しい文法でも対応しますが とりあえずサーバの設定でできるのであれば、先に設定をしておいてもらおうかと思ってる次第です。 アドバイス、よろしくお願いします。

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

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

  • IE8　の互換表示に関して

    IE8　の互換表示に関して 特定のサイトが　互換表示されてしまいます。 設定で　なにも　していません。 具体的には　yahooのページが互換表示になります。 タブ機能が　使えないので　どうにか　治したいです。 詳しいかた　お願いします。

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

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

  • ブラウザのイントラネットモード

    オンプレミスでwebシステムを開発しています。 イントラネット環境での運用となりますが、ブラウザ（特にＩＥ９、10）のイントラネットモードとシステムの相性が悪いようでjavascriptの動き等がおかしい部分が出てきてしまっています。 出来れば、イントラネットモードと認識しないように運用したいのですが、何か方法はありますでしょうか、ただし、以下方法については不可とさせてください。 ×hostsを書きかえる ×IPでの運用 ×ＦＱＤＮでの運用 <meta http-equiv="X-UA-Compatible" content="IE=9;IE=10;IE=11"> や <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 等を使った互換表示の解除は試してみましたが、ＩＥ9だと変な表示になっている部分もあります。（ＩＰで接続すると問題なく表示されるため、プログラムの問題と言うよりイントラネットモードとの相性だと思っています。） ブラウザの設定もしくは、タグ（ヘッダー情報）等でイントラネットモード自体を解除する方法はありませんでしょうか？ ご教授よろしくお願いいたします。

  • IE6で表示がずれて困っています。

    IE6で表示がずれて困っています。 firefox・IE８では表示されるのに、IE6ではずれてしまいます。 質問したい事が２つあるのですが、 １つ目は インラインフレームでIE６だけサイズが大きくなる。 原因とサイズの揃え方を教えて下さい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

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する