- ベストアンサー
XP Pro SP3 / IE8で表示されない
- XP Pro SP3 / IE8環境では、作成したHTMLページが正常に表示されない問題が発生しています。
- 問題の解決方法を教えてください。
- XP Pro SP3 / IE8でHTMLページが正常に表示されるようにするには、どのような修正が必要ですか。
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
よくみるとltとIt間違えてますね。 × [if It IE 9] ○ [if lt IE 9] less than の略で lt、大文字にすると LT です。
その他の回答 (5)
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
すみません、もう一カ所スペルミスを見逃していました。 script終了タグに / が入っていません。 × <script src="略"><script> ○ <script src="略"></script>
お礼
度々、本当にありがとうございます。先ほど、自分でも気づきました。その上で、header、article、footerに外部CSSによってスタイル定義してみたところ、反映されました。本番のファイルでの確認は今はできないのですが、おそらく問題ないと思います。 初歩的なケアレスミスばかりで、本当にお恥ずかしいです。ありがとうございました。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>タイトル</title> <script src="./scripts/common.js"></script> <!--[if It IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"><script> <![endif]--> <link href="./styles/style.css" rel="stylesheet" type="text/css" /> </head> <body> <header> <h1><a href="#" title="タイトル">タイトル</a></h1> </header> <article> <p>本文</p> </article> <footer> <p id="copyright"> Copyright(C) hogehoge all rights reserved. </p> </footer> </body> </html> scriptもstylesheetもない状態なので、参考サイトのような表示になると思います。
お礼
お礼が遅くなりました。ご回答いただき、ありがとうございました。そうですね、実際にブラウザで表示させるかたちで、質問すべきでした。参考URLでいただいた画面があらわれれば、正常と考えています。
- ts3m-ickw
- ベストアンサー率43% (1248/2897)
情報が少なくて判断できないけど、CSSまわりの問題だと思います。 試しにCSS関連の部分を全部抜いて試してみてください。
お礼
ご回答いただき、ありがとうございます。現在、試せる環境にいないのですが、環境に戻り次第、早速、試してみたいと思います。
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
質問に質問で返してしまいますが、 どういうのが正常で、どう言うのが正常でないのですか？
お礼
ありがとうございます。私としては、上記のHTMLの場合、 タイトル 本文 Copyright(C) hogehoge all rights reserved. と表示されることを目的としています。（idがあったりcssを読み込んでいたりして混乱を招いて申し訳ありません。） <!--[if It IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"><script> <![endif]--> のところで読み込んでいるjsにより、HTML5に対応していないIEの古いバージョンでも、header、article、footerといったHTML5から追加されたタグも認識されるようにしたいのですが、それが意図どおりに表示されず、まったく想定外の「<!--[if It IE 9]>」とだけ表示されるので、混乱しています。
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
URLはhttp://から書いてください。 多くのブラウザは//から始める絶対URLをサポートしていません。（絶対パスと見なします。）
お礼
お礼が遅くなりました。ご回答いだだき、ありがとうございます。 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"><script> としてみたのですが、IE8での表示は変わらず、以下のみのままでした。 <!--[if It IE 9]> 基本的な理解が不足しているのだと思います。どういく仕組みで、どういう理由から、上記の記述が必要なのかを学びたいと思います。 ありがとうございました。
お礼
辛抱強く、ご親切に、お付き合いくださいまして、ありがとうございます。確認したところ、ご指摘の通りでした。本当にお恥ずかしい限りです（いろいろなことが露呈してしまったかたちで、本当にお恥ずかしいです）。解決！と確信し、早速、以下のかたちで試してみたのですが、IE8では今度は画面に全く何も表示されないかたちとなってしまいました。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>タイトル</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"><script> <![endif]--> </head> <body> <header> <h1>タイトル</h1> </header> <article> <p>本文</p> </article> <footer> <p>Copyright(C) hogehoge all rights reserved.</p> </footer> </body> </html> 試しに、以下のように、懸案の古いIE向けのjsの記述を除くと、header、article、footerが無視された？かたち？で、表示されました。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>タイトル</title> </head> <body> <header> <h1>タイトル</h1> </header> <article> <p>本文</p> </article> <footer> <p>Copyright(C) hogehoge all rights reserved.</p> </footer> </body> </html>