html - Internet Explorer 中的布局混乱，但在其他浏览器中很好

Question

我的布局有一个大问题。

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

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

jsfiddle 在这里只是为了表明它并排显示功能，这是我想要的所有浏览器的布局，但正如我已经说过的，它唯一没有这样做的浏览器是IE.

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

在此处输入图像描述

更新：

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

score 1 · Accepted Answer

在小提琴的 HTML 中，我发现：

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

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

score 0 · Accepted Answer

添加<!DOCTYPE html>到您的 html 的最末尾。

这将使您的 IE 像大多数其他页面一样管理页面。

score 0 · Accepted Answer

inline-block在您使用它的表上尝试这个 IE7 修复：

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

3 回答 3