html - IE 和 FF 之间的 CSS 差异

标签 html css cross-browser alignment

我希望我问的问题与我正在从事的元素有关,不会违反任何规则。如果您查看我的页面 here在 Firefox 和 Internet Explorer 中查看,主要内容框的宽度不同。在 Firefox 中,一切都与页面顶部的广告完美对齐,但在 IE 中,内容框的宽度似乎不足大约 20 像素。

我的问题现在很明显了,但是是什么导致 IE 中的宽度不足,简单的解决方案是什么?

如果我碰巧问了一个不够通用的问题而无法使他人受益,从而违反了规则,请允许我重新措辞;解决浏览器之间视觉差异的最佳方法是什么?我应该为 IE 使用单独的 CSS 文件,还是有办法在我的 CSS 文件中定义仅由特定浏览器呈现的行?

如果有人能为我提供必要的 CSS 以正确对齐,那将是最好的,但我非常乐意了解如何使 CSS 动态化(如果可能的话)。

谢谢大家。 :)

最佳答案

您的 HTML 格式不正确。你需要 ,<title> 应该在 中。最重要的是,您需要 DOCTYPE 以便浏览器在呈现时使用标准模式而不是怪癖模式。怪癖模式是宽度不同的原因。

HTML 5 文档类型是:<!DOCTYPE html> 并且应该是 HTML 文件的第一行。下面是一个最小的 HTML 文件。

<!DOCTYPE html>
<html>
    <head>
        <title>Document</title>
    </head>
    <body>
    </body>
</html>

关于html - IE 和 FF 之间的 CSS 差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2791309/

相关文章:

html - 如果它会拉伸(stretch)页面,则更改子菜单的位置

javascript - innerHTML 和 FireFox 兼容性吗?

html - CSS "calc"函数在 Internet Explorer 11 中无法正常工作

css - 将动态框定位在中心+底部

html - 如何使用 CSS 创建鸥翼形状

html - 为什么在手动调整屏幕大小时而不是在移动模式下控制字体大小的@media 最小/最大宽度有效?

javascript - 单击按钮从 Div 复制到输入框

html - 由于背景图片,链接不起作用

html - 边框底部我无法删除

html - 边距是表格中预期大小的两倍 - 如何解决这些问题?