【问题标题】:Difference display in web browsers [closed]网络浏览器中的差异显示[关闭]
【发布时间】:2013-06-03 02:16:11
【问题描述】:

我正在用asp设计一个简单的html页面。我在 Mozilla 和 Google Chrome 中没有任何问题,但在 IE 中一切都显示错误!!!

我使用一个div 标记到另一个div 与一个简单的widthmarginpadding

本页地址为:Wrong display in IE

如何解决 IE (6, 7, 8) 中的显示问题?

【问题讨论】:

  • 哪个 IE? 5,6,7,8,9,10?
  • 请在此处输入代码以帮助我们为您提供帮助。
  • 显示问题到底是什么?您能否证明特定 html/css 旁边的屏幕截图 - 它可能很容易修复,但我们需要更多信息。
  • 您是在请求这里的人帮助您修复您的网站,而没有解释究竟是什么问题或显示您自己的任何努力;这不是 Stack Overflow 的工作方式。

标签: html css internet-explorer browser


【解决方案1】:

某些版本的 IE 的一个常见问题是它认为它是 box-sizing 总是 padding-box。这意味着您应用于元素的填充将添加到宽度和边框,因此如果您有一个宽度为200px10px 的填充和1px 的边框的元素,总宽度将为202px 在几乎所有浏览器中,222px 在 IE 中。

对于这个问题有很多可用的修复程序。

  • 只有在浏览器是 IE 的情况下才能链接另一个 CSS(有特殊的conditional tags 可用)。
  • 您可以指定 box-sizing: padding-box 并对所有内容使用相同的 CSS。
  • 您可以使用一些 CSS hacks

【讨论】:

  • 您应该提到,对于最新版本的 IE,box-sixing 只是怪癖模式下的问题。因此,如果 OP 会在网站上添加 DOCTYPE,那么问题可能就会消失。
  • @Mr: 那么,如果用户没有“最新版本的 IE”怎么办?
  • 这不是我的意思。我的观点是 box-sizing 问题很可能是由于没有使用正确的 DOCTYPE 声明引起的。此外,仍然使用旧版 IE 的人所面临的问题不仅仅是网站显示不好。
【解决方案2】:

在 IE 中观看对我来说一直是一部恐怖电影。它不支持很多特性,主要是 CSS。转到this awesome website,看看你的哪些样式在 IE 中不受支持,请将你的代码放在这里以便我们查看。值得庆幸的是,在 HTML 中有一个叫做 IE cmets 的东西,使用它你可以说这些代码是专门为 IE 设计的,在 IE 中显示时需要删除这些代码。使用这些,您可以将链接放置到 IE 的 CSS 样式表和实际样式表的链接。

【讨论】:

  • -1 用于指向worstest site in the universe 的一般、无用的链接。
  • @deceze 我希望这是讽刺。
  • @deceze 不要这么说。我从那里学到了大部分东西。它有关于它教授的每一种网络语言的详细信息。如果您认为这很糟糕,甚至只占网站的 0.1%。它是如此受欢迎,以至于当您在 google 上键入一种网络语言的名称时,它就是第一个链接。这是一个网络编程维基百科,你正在向我们展示像“w3fools”这样的网站!
  • @Ishpreet Uhm,您阅读 w3fools 对 w3schools 和替代资源 的看法了吗?
  • @deceze 是的,没关系,但我仍然在 w3schools 工作。这是你的意见,这是我的意见。
猜你喜欢
  • 2012-10-30
  • 2011-11-08
  • 2015-01-07
  • 2011-05-22
  • 2011-06-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多