Question

我的布局遇到了严重问题。

使用IE9布局混乱，而布局在所有其他主流浏览器（chrome，safari，opera和Firefox）布局都很好，没有问题。是什么导致布局在IE9中陷入困境？

这里嵌入了jsfiddle以显示代码和布局：http://jsfiddle.net/gRdGx/1/

jsfiddle只是为了表明它并排显示功能，这是我想要的所有浏览器的布局，但正如我已经说明的那样，唯一没有这样做的浏览器是{{1} }。

下面是一个屏幕截图，显示了它在IE 9和其他浏览器中显示的布局：

enter image description here

更新

这可能是由于兼容性问题导致的。如果是这样，是否有人知道如何稍微更改代码，以使布局适用于IE9及其旧版本的6/7/8？

Answer 1

在小提琴的HTML中我找到了：

<table class="answerSection">
    <tr>
        <tr>
        ...
        </tr>
</table>

由于这不是有效的HTML，因此浏览器可以充分利用它。这可能是错误的来源吗？

Answer 2

将<!DOCTYPE html>添加到您的html中。

这将使您的IE管理页面成为其他大多数页面。

Answer 3

在您使用它的表上尝试对inline-block进行IE7修复：

TABLE_ID{
display: inline-block;
zoom: 1;
*display: inline;
}