【问题标题】:Why are image borders and extra padding showing up in IE9?为什么 IE9 中会出现图像边框和额外的填充?
【发布时间】:2012-08-31 08:23:05
【问题描述】:

我在 Firefox 中构建并测试了我的网站,但现在当我想启动时,我意识到在 IE9 中查看时,菜单和帖子之间以及某些图像的边框之间会出现额外的填充。

我查看了所有 CSS,但无法弄清楚可能导致这些问题的原因。任何想法都会很棒。

这里是网站:http://beautyintheweeds.com

谢谢!

【问题讨论】:

  • 仅供参考...您有很多很多不正确的嵌套/未关闭标签...您应该真正清理它们(如果您在 Firefox 中执行查看源代码,它将突出显示所有不正确的嵌套/标记为红色)
  • 感谢您的提醒...我肯定还是个初学者。你能告诉我一些红色标记的有什么问题吗?
  • 标签嵌套必须统一...如果您打开 3 个标签...a、b、c...那么您必须以相同(但相反)的顺序关闭它们(c、b、一种)。中断标记应该采用这种格式<br/>,并且所有属性之间应该有一个空格(我注意到一些没有空格的链接)。
  • 在 Firefox 中打开您的页面。右键单击并选择“查看源代码” - 它的源代码查看器以红色显示标记错误。

标签: css internet-explorer-9 border padding


【解决方案1】:

每个浏览器都有不同的默认 CSS 规则。使用 css 重置将所有内容恢复为相同的默认值。

【讨论】:

  • 这有点像用电锯切生日蛋糕。哦,当然,它可以工作并切蛋糕,但不是解决问题的精确工具/答案。在这种情况下,我认为检查 OP 正在努力解决的元素上的填充并跟踪样式更适用。
  • 那就去做吧。我的答案是对不同浏览器显示不同边距和图像边框的问题的确切答案。
  • 我尝试了 CSS 重置,它修复了图像周围的边框,但没有修复填充。
猜你喜欢
  • 2016-07-24
  • 2015-09-02
  • 2023-03-27
  • 2015-11-07
  • 2011-11-08
  • 2013-11-17
  • 2021-03-10
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多