数日前、ホームページを新しいデザインで更新しまし
た
。 Explorer9 および Mozilla Firefox。このサイトはレスポンシブ デザインを使用しており、私の Xperia Ray でも動作しているようです。
しかし、私の大学には Internet Explorer 8 と Internet Explorer 7 があります。そのため、Windows XP、IE7 を搭載した仮想マシンからサイトをテストしようとしましたが、サイトは
http://i.stack.imgur.comのようにレンダリングされるようです。 /H1xQb.png
問題が発生しました。このレンダリングの問題を解決するのを手伝ってください。サイトへの直接リンクは
ankurm.com です
3 に答える
HTML5 要素を使用しています。問題は、IE8 以前では未知の要素に CSS スタイルが適用されないことです。次のように登録する必要があります。
<!--[if lt IE 9]>
<script type="text/javascript">
document.createElement("header");
document.createElement("footer");
document.createElement("section");
document.createElement("aside");
document.createElement("nav");
document.createElement("article");
document.createElement("hgroup");
document.createElement("time");
</script>
<![endif]-->
Modernizr ECMAscript ライブラリがそれを行います。
Microsoft のフィルター タグを使用して、エラーをスローするブラウザー用のさまざまなスタイルシートをインポートできます。
http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx
if lesser than msie 9
<!--[if lt 8]>
<style type="text/css">
/* markup here */
</style>
<![endif]-->
if greater than msie 8
<!--[if gt 8]>
<style type="text/css">
/* markup here */
</style>
<![endif]-->
そうすれば、さまざまなスタイルを傍受して使用できます。ブラウザのバージョンに応じて異なるスタイルシートをインポートすることもできます.
通常、しゃっくりするのは Internet Explorer だけなので、条件付き書式で十分です。
一部の HTML5 要素を使用しています。IE8 以下では<header>
、 andのような要素<footer>
が登録されていない場合は無視されます。html5shivを使用して、IE にこれらの要素を認識させます。
さらに、多くの JS を使用しています。このようなページにこれがどのように必要なのかわかりません。ページの作成に何を使用しているかはわかりませんが、JS を無効にすると、ここで結果が壊れているように見えます。これは良くありません。html5shiv だけで問題が解決しない場合、問題をさらにデバッグすることも困難になります。
最後に、このような質問をする場合は、ページへのリンクを提供してください。そうすれば、スクリーンショットから読み取る必要がなくなります。
編集:ああ、最後に投稿しましたが、リンクしていませんでした。私のせいです。