在IE8和IE9 </li>中生成额外的<li>

时间:2012-09-30 06:04:05

标签: html css html-lists

我正在设置一个新的网站/目标网页。如果您转到底部的右侧列(图片),您会看到<li> s中有图片的容器。一切都很好,除了IE8和IE9,在第二和第三张图片之间以及第三张和第四张图片之间产生额外的空白图片容器。就好像那里应该有一个缩略图,但容器里什么都没有。

http://mattmillermusic.com.previewdns.com

也许这只是一个代码盲目的情况,因为我已经在我的计算机上停了一段时间,但我觉得奇怪的是这些空的LI没有出现在其他浏览器中(或在IE7中)。

感谢您的帮助!

1 个答案:

答案 0 :(得分:3)

因为你的标记出错了。您没有某些元素的结束标记。

enter image description here

在图片中,如您所见(红色)。浏览器在创建冗余元素的过程中通过自动插入来补偿。

正如您所看到的,从<a>开始,<li>元素没有结束标记。