【问题标题】:How do I eliminate the unexpected spacing in IE6?如何消除 IE6 中的意外间距?
【发布时间】:2011-05-14 05:12:40
【问题描述】:

首先... 在 IE6 中,右侧有 10 张照片。在 IE7、IE8、Firefox 和 Chrome 中,它可以正确显示。但在 IE6 中,最后两张照片与其他照片之间有一个大约 60 像素的巨大空间。

任何想法这是从哪里来的,如何摆脱它?

过去 4 个小时一直在玩这些,想不通。

非常感谢,谢谢!

【问题讨论】:

  • @cambraca - 尽管我同意你的观点,但这并不总是一种选择。
  • @cambraca - 哦,来吧。不要都是失败主义者。消除 IE6 始终是一个不错的选择。
  • 你可以为ie用户尝试类似this的东西:P

标签: css xhtml internet-explorer-6


【解决方案1】:

您是否尝试将 .right 类的宽度更改为 >=371px 与 368?这对我有用。

【讨论】:

  • 这似乎是解决方案。知道为什么这 3 个像素在 IE6 中会有所不同吗?
  • 很高兴它有帮助。我怀疑在这个特定标记中可能存在一些与框模型相关的 IE 错误(即使您设置了正确的 DTD 声明).. 嗯,这都是关于 IE6 的。
【解决方案2】:

向您的#body .right .photo 类添加溢出声明:

{
    background:url("../images/bg-photo-trans.png") no-repeat scroll 0 0 transparent;
    display:inline-block;
    float:left;
    height:141px;
    margin-bottom:2px;
    overflow: hidden;
    width:184px;
}

【讨论】:

  • 在这种情况下,添加 'overflow:hidden' 似乎没有任何区别。
猜你喜欢
  • 2010-10-16
  • 1970-01-01
  • 2022-01-23
  • 2011-07-05
  • 2011-11-16
  • 2013-07-01
  • 2021-04-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多