在 IE8/9 和 CSS 中调试答案

【问题标题】：Debugging in IE8/9 & CSS在 IE8/9 和 CSS 中调试
【发布时间】：2012-03-23 21:46:52
【问题描述】：

由于某种原因，最近上线的一个网站现在完全使用 IE9。不知道发生了什么把这一切搞砸了，但我迫切需要应用修复程序，因为该网站实际上是在线的。

有一些主要的和一些次要的。

该网站在 Firefox 和 Chrome 中浏览良好。

在 IE9 中查看时，左侧边栏 (left_column) 不会与 jQuery 滑块 (jtabslider) 水平显示。

id left_column 的 CSS 是...

clear: left;
width: 200px;
margin-top: -34px;
margin-right: 10px;
overflow: hidden;
border-left: 4px solid #990000;
border-right: 4px solid #990000;
border-bottom: 4px solid #990000;

我们的设计师目前都不是免费的，我对 IE 的调试毫无希望，所以如果可能的话，如果任何 CSS 向导可以帮助解决问题，我将不胜感激。

如果需要我提供更多信息，请告诉我。

提前致谢。

【问题讨论】：

标签： css debugging internet-explorer-9

【解决方案1】：

Validate your HTML.

问题是列出的第一个问题：

未找到 DOCTYPE！检查默认的 XHTML 1.0 过渡文档类型。

没有文档类型意味着 IE 正在使用模拟 IE5.5 的quirks mode。这太糟糕了。所以你的网站看起来坏了。

【讨论】：

天哪！非常感谢您指出这一点，我想我知道这是怎么回事。 Prestashop 在后台有一个用于压缩所有源等的工具，看起来构建它的白痴已经从页面中删除了所有未包含在标签中的内容，这意味着文档类型已被删除（这显然包含在头文件的顶部）。逆天。 :/ 非常感谢三十点。
只是为了补充以上内容，我编辑了压缩脚本，恢复了 doctype，这解决了所有问题......非常感谢。