我希望我问的问题与我正在从事的元素有关,不会违反任何规则。如果您查看我的页面 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/