1

我希望其他人对这里发生的事情有一些意见。当我在 09 年最初在这个网站上工作时,我在几个版本的 Internet Explorer 上对其进行了测试,它工作得可以接受,但在 IE9 中它是这样的。(正确版本和 IE9 版本的比较。应该很明显哪个是哪个版本。)最让我困惑的是包含正文的框似乎已被复制。虽然我在这里确实有两个元素可能会造成重复的印象,但我删除了一个,它仍然做了同样的事情。如果未设置高度,似乎是导致问题的“文本框” div 效果会更好。然后它与可能 100 像素的标题之间存在垂直间隙,但它不再重复或位于侧边栏下方。

4

2 回答 2

2

您遇到了一些破坏站点布局的标记问题。例如:

<ul>  
  <li><a href="communityed.html">Community Education and Training</a></li>      
  <li><a href="outreach.html">Outreach</a> <!-- no closing </li> -->
  <li><a href="cals.html">CLCM Programs</a></li>
</ul>

您还忘记关闭<h1>

<div id="linksline">
  <h1>Links
</div>

修复这些解决了您在 IE9 中的布局。

请记住,始终验证. 您可以在 IE9 中轻松执行此操作,方法是按 F12,然后选择Validate选项,然后选择HTML

在此处输入图像描述

于 2012-05-16T03:06:23.983 回答
0

这是您的错误,h1 标签未关闭第 74 行

<div id="linksline">
    <h1>
    Links</div>
于 2012-05-16T05:03:05.010 回答