【问题标题】:fix for a gap in IE for an image修复 IE 中图像的间隙
【发布时间】:2011-02-23 23:35:36
【问题描述】:

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

【问题讨论】:

  • 什么版本的IE? IE8没有差距
  • 您的网页是否进行了 CSS 重置?这可能有助于减轻浏览器的任何预设

标签: html css internet-explorer image doctype


【解决方案1】:

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

您的文档类型(第一行)目前是这样的:

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

该文档类型在 IE 中触发 Quirks Mode

如果您将文档类型更改为:

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

IE 将改为处于标准模式,您的差距将神奇地消失。

您可以改用 HTML5 文档类型,它要短得多:

<!DOCTYPE html>

【讨论】:

  • 解决了!这让我发疯了,非常感谢
【解决方案2】:

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

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

【讨论】:

    猜你喜欢
    • 2019-09-21
    • 2013-08-01
    • 1970-01-01
    • 2018-03-29
    • 2014-02-11
    • 2017-10-26
    • 1970-01-01
    • 1970-01-01
    • 2022-01-10
    相关资源
    最近更新 更多