在测试期间,我遇到的问题是网站在PC浏览器中正常显示,包括IE,Chrome和Firefox。不过,它已经在Mac版Safari,Firefox和Chrome上测试得很好。
特别是仅显示正文中的x重复背景图像。所有其他内容根本没有显示。
http://www.spmguardians.org/2013/index.html
奇怪的是,IE 10正确预览了以下页面,但没有预览上面的页面参考:
http://www.spmguardians.org/2013/calendar/index.html
非常感谢任何帮助!
答案 0 :(得分: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>
您指定a
两次...一次在标签的开头(它所属的位置),再次在href之前。删除其中每一行中浮动的额外a
。
另一个......这段代码:
<!-- end #sidebar1 -->
</span></div>
关闭span
似乎并未关闭任何实际标记。我找不到匹配的开口跨度。
那些是我的错误...可能会有更多的语法错误,但是通过并修复这样的小错误应该有助于在更多的浏览器中呈现。每个浏览器都会以不同的方式处理错误 - 有些可以通过它们处理,有些会死,有些只是显示错误的页面等等。