1

テスト中、IE、Chrome、Firefox などの PC ブラウザーで Web サイトが正しく表示されない問題が発生しました。ただし、Safari、Firefox、および Chrome の Mac バージョンでは十分にテストされています。

具体的には、本文の x-repeat 背景画像のみが表示されます。他のすべてのコンテンツはまったく表示されません。

http://www.spmguardians.org/2013/index.html

奇妙なことに、IE 10 は次のページを正しくプレビューしますが、上記のページ参照はプレビューしません。

http://www.spmguardians.org/2013/calendar/index.html

どんな助けでも大歓迎です！

4

1 に答える 1

0

ページは正常に読み込まれますが (私は MacBook Pro と Safari を使用しています)、コードにいくつかの構文エラーが見られます。

<meta name="viewport" content="width=device-width, user-scalable=yes"></meta>

次のようにメタ タグを閉じる必要があります。

<meta name="viewport" content="width=device-width, user-scalable=yes" />

さらに、

#explore DIV の下にこれらの行がいくつかあります...

    <div id="exploremenutop"> <a class="explore1" title="Guardian scores and schedules" a href="http://www.centralmassconference.org/g5-bin/client.cgi?G5genie=585">Guardian scores and schedules</a></div>
    <div id="exploremenutop"> <a class="explore2" title="Campus ministry, Grade 9 retreat" a href="PDFs/9th-Grade-Retreat-2017.pdf">Campus ministry, Grade 9 retreat</a></div>
    <div id="exploremenutop"> <a class="explore2" title="Parent Board News" a href="parentboard/index.html">Parent Board News</a></div>
    <div id="exploremenutop"> <a class="explore2" title="Alumni: Stay connected!" a href="alumninews/index.html">Alumni: Stay connected!</a></div>
    <div id="exploremenutop"> <a class="explore2" title="Student/Parent Handbook" a href="PDFs/Handbook2013-14.pdf">Student/Parent Handbook</a></div>
    <div id="exploremenutop"> <a class="explore2" title="College Contest for Juniors" a href="PDFs/CollegeVisitCompetition.pdf">College Contest for Juniors</a></div>

2回指定していaます...タグの先頭（所属する場所）で1回、hrefの直前でもう一度。aこれらの各行に余分な浮遊物を削除します。

別のもの...このコード：

      <!-- end #sidebar1 -->
  </span></div>

その終了spanは、実際のタグを閉じていないようです。一致する開始スパンが見つかりません。

これらは私が思いつくエラーです...もっと多くの構文エラーがあるかもしれませんが、このような小さな間違いを調べて修正することで、より多くのブラウザーでのレンダリングに役立つはずです. ブラウザーごとにエラーの処理方法が異なります。エラーを処理できるものもあれば、機能しないものもあれば、ページが正しく表示されないものもあります。

于 2013-11-14T23:33:02.150 に答える