css - 页脚背景在 Internet Explorer 中出现两次

Question

http://www.utahvalleyhealthclinic.com/services在所有版本的 IE 中出现了两次页脚背景。我检查了 HTML，页脚元素似乎在 IE 的 HTML 中出现了两次，但在 Chrome 中却没有。

我不清楚为什么会发生这种情况，因为我不记得将代码放在那里两次，我认为如果有的话它也会出现在 Chrome 中。我使用了一个标记验证器来检查页面，它说我缺少一大堆开始和结束标记（当我查看代码时它们实际上就在那里）。

有谁知道为什么会这样？

Answer 1

在页脚处，有两个<a>未关闭的锚标记。修复它，您的问题将得到解决。

工作演示：http: //jsfiddle.net/DpGyT/1/

改变

<div class="lbtns">
<a href="http://www.utahvalleyhealthclinic.com/contact-us"><img src="http://www.uvhc.mikeandjewels.com/wp-content/themes/thesis_185/custom/images/mapsbtn.png">
</div>
<div class="lbtns">
<a href="http://www.utahvalleyhealthclinic.com/patient-forms"><img src="http://www.uvhc.mikeandjewels.com/wp-content/themes/thesis_185/custom/images/frmsbtn.png">
</div>

至

<div class="lbtns">
    <a href="http://www.utahvalleyhealthclinic.com/contact-us"><img src="http://www.uvhc.mikeandjewels.com/wp-content/themes/thesis_185/custom/images/mapsbtn.png"></a>
</div>
<div class="lbtns">
    <a href="http://www.utahvalleyhealthclinic.com/patient-forms"><img src="http://www.uvhc.mikeandjewels.com/wp-content/themes/thesis_185/custom/images/frmsbtn.png"></a>
</div>

Answer 2

这个：

<a href="http://www.utahvalleyhealthclinic.com/patient-forms">

显然你没有关闭它，有些东西坏了。

尝试使用 IE (F12) 检查并同时查看代码以找出发生的错误。

基本上 IE 理解你有两个“页脚”DIV，尽管 Chrome 显示只有一个。

至于关闭标签，请注意自动关闭标签，例如<br />代替<br>和<img ... />代替<img ...>

尝试类似 NetBeans 并使用 Auto-Indent（或 Google 其他选项）。帮助很多人找到你忘记关闭的标签，看看是否一切都在它应该在的地方。