WordPressで作ったHPのIE８対応
- WordPressで作成したHPがIE8に対応していない問題に悩んでいます
- レイアウトが崩れる問題を解決するためにさまざまな方法を試していますが、うまくいきません
- IE8に対応するために<meta>タグの設定などを調べていますが、解決方法が見つかりません
- ベストアンサー
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/internetexplorer-compatibility-view/ <meta http-equiv="X-UA-Compatible" content="IE=8"/> や、 参考サイト 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８の表示が一向に直らず困っています。 何か良い解決方法はないでしょうか？ ご教授お願い致します。
- uzuzu0401
- お礼率33% (1/3)
- その他([技術者向] コンピューター)
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
IE8(IE7)以降でしたら、ウェブ標準で動作するなら崩れない。 DOCTYPEスイッチを見直す。 1999年のHTML4.01の勧告以来・・ 「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )」 ですので・・・。いまさらですが。 <!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">
関連するQ&A
- 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
- IE8でレイアウトが崩れます。
ＨＰビルダーを使ってＨＰを作成しております。作成したサイトがIE8でレイアウトが崩れるのでタグを追加し以下のように記載しましたがIE8で確認しましたが直っておりませんでした。間違っている箇所等がございましたら、ご指摘お願い致します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
- 締切済み
- ホームページ作成ソフト
- euc-jpのページをIE7で表示したら真っ白に表示される
PHPでHTMLを吐き出すeuc-jpのページをIE7で表示したら真っ白になってしまう ページがあるのですが、エンコードを日本語選択にしたり画面を更新（F5) したりすれば通常表示されることから、 IE7 で画面が真っ白になるページの対処方法 http://www.drk7.jp/MT/archives/001163.html と同じ症例ではないかと断定したのですが、↑などを参考に 下記のようにしてみましたが、改善ありません。その他、特効薬はありますか。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML LANG="ja"> <HEAD> <!-- 雀の往来京 --> <meta name="content-language" content="ja"> <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
- 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>
- ベストアンサー
- ホームページ作成ソフト
- IE10ドキュメントモードについて
サイト自体が下記を指定しております。 <meta http-equiv="X-UA-Compatible" content="IE=8"> ie8で閲覧した場合問題なく表示されるのですがie10で閲覧した際にスクリプトエラーが発生します。 audio.jsを利用しサイトにmp3を流したいのですがie10でエラーが出ます。 何かいい対策はないのでしょうか？
- ベストアンサー
- JavaScript
- 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
- 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
- IE対応 HTML5 こちらでよろしいでしょうか。
IE対応 HTML5 こちらでよろしいでしょうか。。。 様々なサイトを見て ■ reset.cssは使わず normalize.css を使用。 ■ modernizr.jsではなく selectivizr.js を使用。 ■ cssの拡張に CSS3 PIE を 使用。 http://css3pie.com/ としております。 読み込ます順番が違うなどありますでしょうか。 併用するとエラーになるファイルはありますでしょうか。 よろしくお願いいたします。。。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="format-detection" content="telephone=no"> <meta name="robots" content="all"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="css/normalize.min.css"> <link rel="stylesheet" href="css/main.css"><!-- 自分の記述するcss --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/plugins.js"></script> <script src="js/main.js"></script><!-- 自分の記述するjs --> <!--[if (gte IE 6)&(lte IE 8)]> <script src="js/selectivizr.js"></script> <![endif]--> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <![endif]--> </head> <body> ～ </body> </html>
- ベストアンサー
- HTML
- 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
- IE11のドキュメントモード既定について
IEの開発者モードで開くドキュメントモードでIEの既定が10となっているのですが ポップアップである画面を開くと既定が5になりスタイルが崩れるということが起きてます。 この既定値の設定方法がありましたら、お教え願います。 <meta http-equiv="x-ua-compatible" content="IE=edge" /> この設定はして、キャッシュクリアもIEのリセットもしても変わらないです。 ただ何度かドキュメントモードで変更したら、一度変ってしまったら設定は関係なく毎回edgeで開くようになってしまってます。
- ベストアンサー
- Windows系OS
