1

母の犬の散歩ビジネスのために作成しているこの Web サイトのマークアップが完成したと思っていましたが、Internet Explorer のサイトに CSS が部分的にしか適用されていないことに気付きました。CSS の本文の背景画像は表示されますが、nav 画像と nav のアンカー タグが表示されず、div への境界線が IE に表示されないため、奇妙です。すべてが Firefox で正常に動作します。

また、パディングとマージンはクレイジーです。

つまり、margin-left margin-right padding-left および paddin-top- のようなものに対して一般的にあまり友好的ではないという人々から読んだことがあります。一般的に、たとえば padding: 20px; を好むこと。または余白: 30px; しかし、それが私が間違ったことをしたかどうかはわかりません。境界線とナビゲーション画像がieで消える方法がわかりません。とてもイライラします。

URLはwww.grinningpup.com/dannytesting/grinningpup.com/index.htmlです

セマンティックマークアップを書いてみました。解決策が私が犯した愚かな間違いによるものでないことを願っています。

4

3 に答える 3

1

HTML5 を使用していますが、IE8 以下では正しく解釈されません。html5shivをインクルードし、css に以下を追加する
必要があります。

 article, aside, figure, footer, header, hgroup,
 menu, nav, section { display: block; }
于 2012-12-23T17:34:31.863 に答える
1

SOへようこそ！

お客様のサイトを簡単に確認したところ、古いバージョンの IE ではサポートされていない HTML 5 要素が使用されていることが問題であることがわかりました。

最も簡単な修正は、ブラウザ サポートの検出を目的とした JavaScript ライブラリであるModernizrを追加することです。、そしてほとんどの場合、それらをポリフィルします（この場合のみ）。このテーマに関するリソースは数多くあります。私のお気に入りはこれです。http://diveinto.html5doctor.com/ですが、グーグルでSOをチェックして詳細を確認してください。

これがお役に立てば幸いです。

于 2012-12-23T17:34:55.887 に答える
0

HTML の「nav」タグと「section」タグは、IE 8 以前のバージョンをサポートしていません。したがって、「div」タグのみを使用すると、すべての問題が解決します。

于 2012-12-23T17:52:32.887 に答える