修复IE中图像的间隙

时间:2011-02-23 23:35:37

标签: html css internet-explorer image doctype

我已经阅读了针对此问题发布的答案,并尝试了所有这些,但仍有差距。请参阅我正在处理http://www.poolboy.ca/网站的链接。它是游泳池顶部和菜单栏之间的差距。请帮忙!

2 个答案:

答案 0 :(得分:4)

这里有一个非常简单的解决方法。

您的doctype(第一行)目前是:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

该doctype在IE中触发Quirks Mode

如果您将doctype更改为:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

IE将处于标准模式,而你的差距将神奇地消失。

您只需使用HTML5文档类型,它更短:

<!DOCTYPE html>

答案 1 :(得分:0)

添加到你的CSS我不能保证任何东西,但这将设置所有框有0px边距填充和边框默认这是我无法理解的东西,但它通常修复它

* {
    padding: 0px;
    margin: 0px;
    border: 0px;
}