IE和FF之间的CSS差异

我希望我不会违反任何有关我正在工作的项目的问题。如果您查看我的页面here并在Firefox中查看并再次在Internet Explorer中查看，则主要内容框的宽度会有所不同。在Firefox中，所有内容都与页面顶部的广告完全对齐，但在IE中，内容框的宽度似乎不足20像素左右。IE和FF之间的CSS差异

我的问题现在很明显，但是什么导致了IE的宽度不足，以及简单的解决方案是什么？

如果我碰巧通过提出一个不足以使其他人受益的问题来破坏规则，那么请允许我重述它;解决浏览器之间视觉差异的最佳方法是什么？我应该为IE使用单独的CSS文件，还是有一种方法可以在我的CSS文件中定义只通过特定浏览器呈现的行？

如果有人能够为我提供必要的CSS来正确对齐事情，那将是最好的，但是我会非常乐意学习如何使CSS动态化（如果可能的话）。

谢谢大家。 :)

来源

2010-05-07 Joe Majewski

你没有违反规则。（除非你的项目有NDA） – SLaks 2010-05-07 19:55:11

好，很酷。这是我正在进行的个人项目;什么都不适合学校或工作。 – 2010-05-07 19:57:08

您的HTML格式不正确。您需要<html>和<标题>应该在<标题>。最重要的是，您需要一个DOCTYPE，以便渲染时浏览器将使用标准模式而不是怪癖模式。怪癖模式是不同宽度的原因。

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

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

来源

2010-05-07 19:57:19 CalebD

哇！一个++++！添加<！DOCTYPE html>即时解决了这个问题。它引起了一些其他不必要的副作用，但这将很容易解决;至少现在在两个浏览器中看起来都是一样的。 – 2010-05-07 20:00:11

再一次，非常感谢。你不知道我在多长时间里努力让这些小小的视觉差异消失。我不知道文档类型如此强大。 – 2010-05-07 20:11:16

@Joe - 如果您使用Firefox，您可能会发现HTMLTidy插件相当有用：http://users.skynet.be/mgueury/mozilla/ – indiv 2010-05-07 20:14:38

尝试使用

box { 
    width: 100%; 
}

来源

2010-05-07 20:00:58 choise

IE和FF之间的CSS差异

回答

相关问题