Html IE和FF之间的CSS差异_Html_Css_Cross Browser_Alignment

Html IE和FF之间的CSS差异

html css

Html IE和FF之间的CSS差异,html,css,cross-browser,alignment,Html,Css,Cross Browser,Alignment,我希望我问的问题与我正在从事的项目有关，不会违反任何规则。如果您在Firefox和Internet Explorer中查看我的页面，主内容框的宽度会有所不同。在Firefox中，所有内容都与页面顶部的广告完美对齐，但在IE中，内容框的宽度似乎不足约20像素我的问题现在已经很明显了，但是是什么导致IE中的宽度不足，一个简单的解决方案是什么如果我碰巧违反了规则，提出了一个不足以让别人受益的问题，那么请允许我重新措辞；解决浏览器之间视觉差异的最佳方法是什么？我应该为IE使用单独的CSS文件，还是有

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

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

如果我碰巧违反了规则，提出了一个不足以让别人受益的问题，那么请允许我重新措辞；解决浏览器之间视觉差异的最佳方法是什么？我应该为IE使用单独的CSS文件，还是有办法在CSS文件中定义只由特定浏览器渲染的行

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

谢谢大家。：）

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

HTML5doctype为：并且应该是HTML文件的第一行。下面是一个最小的HTML文件

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


文件

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

HTML5doctype为：并且应该是HTML文件的第一行。下面是一个最小的HTML文件

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


文件

尝试使用

box {
    width: 100%;
}

试用

box {
    width: 100%;
}

你没有违反规则。（除非你的项目有保密协议）好的，酷。这是我正在做的一个个人项目；学校和工作都不用，你没有违反规定。（除非你的项目有保密协议）好的，酷。这是我正在做的一个个人项目；学校和工作都不用。哇！！！A++++！添加该选项立即解决了问题。它造成了一些其他不必要的副作用，但这将是一个轻而易举的解决；至少现在这两种浏览器看起来是一样的。再一次，非常感谢。你不知道我花了多长时间来消除这些微小的视觉差异。我不知道doctype功能如此强大。@乔-如果你使用Firefox，你可能会发现HTMLTidy插件非常有用：嗯，造成大小差异的不是怪癖模式本身，而是IE中怪癖模式下出现的盒子模型错误（）。@乔-不客气。indiv是正确的，HTMLTidy是有用的，还有Firebug、Web开发者工具栏、ColorZilla和许多其他插件。要获得一个好的但基本的HTML指南，请查看哇！！！A++++！添加该选项立即解决了问题。它造成了一些其他不必要的副作用，但这将是一个轻而易举的解决；至少现在这两种浏览器看起来是一样的。再一次，非常感谢。你不知道我花了多长时间来消除这些微小的视觉差异。我不知道doctype功能如此强大。@乔-如果你使用Firefox，你可能会发现HTMLTidy插件非常有用：嗯，造成大小差异的不是怪癖模式本身，而是IE中怪癖模式下出现的盒子模型错误（）。@乔-不客气。indiv是正确的，HTMLTidy是有用的，还有Firebug、Web开发者工具栏、ColorZilla和许多其他插件。要获得一个好的但基本的HTML指南，请查看