Question

我刚刚通过wordpress制作了一个非常简单的静态方面。但是，我用html和css从头开始制作主题。它看起来很完美，我想在FFox，Chrome，Safari等中使用它......但是在IE 6,7,8中进行检查是不对的。

点击{ here }查看该网站，如果您没有IE ...以下是该网站渲染方式的屏幕截图。

alt text

任何关于这可能是什么的想法或关于如何解决它的想法将不胜感激。我在css中找不到任何语法错误，而html似乎是正确的

由于

Answer 1

在您的文档中，您没有设置DOCTYPE，因此被迫以怪癖模式显示它。您必须在HTML代码的开头添加DOCTYPE。您可以在http://www.w3.org/QA/2002/04/valid-dtd-list.html

找到有关DOCTYPE的更多信息

您还可以在http://www.quirksmode.org/

找到有关怪癖模式的更多信息

如上所述，使用3w validator验证您的网页总是有价值的。通过您的网站，您可以看到：

93错误，15警告

并且列表中的第一个是以下内容：

找不到DOCTYPE！检查   默认XHTML 1.0 Transitional   文件类型。

未找到DOCTYPE声明   或在本文件中认可。这个   一般意味着文件是   没有声明其文件类型   最佳。它也可以表示DOCTYPE   声明包含拼写错误，   或者它没有使用正确的   语法。

使用a检查文档   默认“后备”文档类型   非常类似的定义   “XHTML 1.0 Transitional”。

了解如何向您的文档添加文档类型   来自我们常见问题解答的文件。

希望以上所有信息有助于您了解ie。

会发生什么

Answer 2

对于一个人来说，不确定你对CSS / HTML开发有多新，但是在一个浏览器中创建内容只是为了让IE呕吐和阻塞并以不同的方式显示内容，这绝不是一个惊喜。它是网页设计师/开发人员在制作项目时必须携带的拐杖之一。

你做对了，然后你修改了一个IE样式的样式表。

您需要使用条件注释来附加那些仅限IE的表格，您甚至可能需要单独为IE6 / 7/8执行此操作，具体取决于您的操作以及它如何打破外观。

http://www.quirksmode.org/css/condcom.html

<head>中的此用法示例：

<!--[if IE 6]>
<link rel="stylesheet" href="ie6-fixes.css" />
<![endif]-->

你当然会在ie之前有你的'默认'样式表，而ie.css会覆盖最初定义的样式。

只有正确的方法才能实现。

Answer 3

通常有一种方法可以在不使用IE模板的情况下在所有浏览器中正确呈现网站，但这需要一些工作。

尝试添加margin-left：auto;和保证金权利：auto;和/或宽度：100％到你的身体。

最好将需要存在的东西包装在同一个y轴上，例如你的标签和div中的内容，以便它们可以一起移动。

IE结构问题

3 个答案: