Joe*_*ski 1 html css cross-browser alignment
我希望通过提出一个与我正在进行的项目有关的问题,我没有违反任何规则.如果您在此处查看我的页面并在Firefox中再次在Internet Explorer中查看,则主内容框的宽度会有所不同.在Firefox中,一切都与页面顶部的广告完美对齐,但在IE中,内容框的宽度似乎不足大约20个像素.
我的问题现在很明显,但是导致IE中的宽度不足的原因是什么,一个简单的解决方案是什么？
如果我碰巧通过提出一个不够通用的问题来破坏规则,那么请允许我改写它; 什么是解决浏览器之间视觉差异的最佳方法？我应该为IE使用单独的CSS文件,还是有办法在我的CSS文件中定义只能由特定浏览器呈现的行？
如果有人能够为我提供必要的CSS来正确调整事物,那将是最好的,但我会非常乐意了解如何使CSS动态化(如果可能的话).
感谢大家.:)
您的HTML格式不正确.你需要<html>,而<title>应该在<head>中.最重要的是,您需要一个DOCTYPE,以便浏览器在渲染时使用标准模式而不是quirks模式.Quirks模式是宽度不同的原因.
HTML 5 doctype是:<!DOCTYPE html>,应该是HTML文件的第一行.以下是最低HTML文件.
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
</body>
</html>