仅在IE中出现CSS问题

Question

我有一个页面：http://volumee.dk/

一切都只在IE中左边对齐 - 原因是什么？

Answer 1

您的网页正在使用Quirks Mode，这会导致IE假装为IE5.5。

发生在你身上的原因详见：divs appearing different on different browsers

  

你得到Quirks模式的原因   是两个UTF-8 byte order marks   在文件的开头：

ef bb bf ef bb bf 3c 21 44 4f 43
.  .  .  .  .  .  <  !  D  O  C

     

您需要在不使用的情况下保存文件   这个。它应该是一个选项   无论你使用什么编辑器。

Answer 2

1）将index.php的文本编码 - 可能还有其他主题文件 - 更改为Unicode no-BOM。 “UTF-8编码文件中的Unicode字节顺序标记（BOM）已知会导致某些文本编辑器和旧版浏览器出现问题。您可能需要考虑避免使用它，直到它得到更好的支持。”

2）修复代码错误 - 表错误是最重要的 - 因为这些会在某些浏览器中显示问题，例如IE。[Invalid] Markup Validation of volumee.dk - W3C Markup Validator。在验证报告中向下滚动以查看行号和源代码。

3）尽量不要使用像<meta http-equiv="X-UA-Compatible" content="IE=edge" />这样的元标记，让您的网站在大多数有效的xhtml和css中都能获得最佳效果。

Answer 3

将此添加到标题中： <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 它可能有所帮助，它使新版本的IE使用他们最新的渲染功能。