css - 在 IE8/9 和 CSS 中调试

Question

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

有大的有小的。

站点是http://bit.ly/8oRMih

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

在 IE9 中查看时，左侧边栏 (left_column) 不会与 jQuery slider (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 向导可以帮助解决问题，我将不胜感激。

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

提前致谢。

Answer 1

Validate your HTML.

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

No DOCTYPE found! Checking with default XHTML 1.0 Transitional Document Type.

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