【问题标题】:How can I make html padding that looks the same in different browsers?如何制作在不同浏览器中看起来相同的 html 填充?
【发布时间】:2010-03-03 02:57:31
【问题描述】:

我有一个博客,www.realcanadianenglish.blogspot.com。我用火狐来写。有时我会使用 Internet Explorer 查看博客。后者有时会显示图片和文字之间的差距。我可以更改 HTML 代码来解决这个问题吗?为什么这两者有区别:Explorer 和 Firefox?

【问题讨论】:

  • 如果您可以提供您正在使用的确切代码,或者将我们指向您正在讨论的页面的特定部分,您将获得更好的答案。
  • 我在发布的 URL 上看不到 IE 和 Firefox 之间的明显差异。请将内容缩小到一个演示问题的小测试用例。
  • 请提供您的 HTML 代码、您的 CSS,并指出问题所在。我访问过你的网站,里面有很多东西,我不知道问题出在哪里。
  • 哪个图片哪个文字?有几十个!
  • 2张图片有问题。 1) 2 月 9,09 日多伦多冬季 5 2) 1 月 14 日周三多伦多冬季。链接到 Flickr 的照片与文字之间存在差距。

标签: html css cross-browser padding


【解决方案1】:

Internet Explorer 可以在某些元素上有额外的填充。我建议您尝试先包含一个 CSS 重置文件,然后再包含您自己的 CSS 文件。

Here's a good Stackoverflow question 关于 CSS 重置文件

【讨论】:

  • 为什么要把它的乐趣全部拿出来:)
【解决方案2】:

该博客在 IE8 上看起来不错。如果您遇到问题,我建议您运行 IE8 并使用提供的调试工具(按 F12)。您可以从浏览器内部动态更改 HTML 和 CSS。它比每次您想测试更改时都上传新模板要快。

【讨论】:

    【解决方案3】:

    你指的是IE Model Bug

    【讨论】:

      【解决方案4】:

      在大多数情况下,问题出在 IE 上,在这些情况下,有时最好,或者至少方便,只为 IE 提供一两行,使其与其他更现代的浏览器保持一致厘米”。这些 cmets 只能被 IE 识别,但最终允许您包含不会影响其他浏览器的样式或 html。它们易于使用,但根据您所针对的 IE 版本有一些变化。这是解释所有内容的链接:http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx

      【讨论】:

        【解决方案5】:

        这里是了解 IE CSS 错误的最佳地点:http://www.positioniseverything.net/ie-primer.html

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2020-06-15
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2013-03-02
          相关资源
          最近更新 更多