Internet Explorer中奇怪的LI空白问题

Question

我有一个奇怪的问题，一直困扰着我。 在下一页：http://www.abbey-garage.co.uk/manufacturer.php?id_manufacturer=4

基本上，如果我在Firefox中查看此页面，每个列表项（车辆列表）之间都有少量间距（大约10个像素）...但是在Internet Explorer中，这大大增加到大约100px !! < / p>

有人能否解释可能导致这种情况的原因？

非常感谢！ ：）

Answer 1

这里有两个问题。首先是global.css中第1548行的100％宽度：

ul#product_list li div.center_block {
    vertical-align: top;
    width: 100%
}

删除宽度，你应该没事。

第二个问题是在global.css第1552行的图片下强制价格的方式

ul#product_list li div.right_block {
    margin-right: 1em;
    width: 11em;
    text-align: left;
    margin-top: 155px;
}

有更好的方法可以做到这一点......将上面的内容改为下一个，它应该更好......

ul#product_list li div.right_block {
    margin-right: 1em;
    width: 11em;
    text-align: left;
    clear: left;
    padding: 10px 0 0 0;
}

虽然这里没有garantuees，但html很乱，很难调试，特别是在IE中。