0

我的布局有一个大问题。

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

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

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

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

在此处输入图像描述

更新:

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

4

3 回答 3

1

在小提琴的 HTML 中,我发现:

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

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

  1. HTML 创作的第一条规则:我们总是验证我们的 HTML
  2. HTML 创作的第二条规则:我们总是验证我们的 HTML
于 2013-02-01T13:42:31.297 回答
0

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

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

于 2013-02-01T13:32:21.187 回答
0

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

TABLE_ID{
display: inline-block;
zoom: 1;
*display: inline;
}
于 2013-02-01T14:19:51.310 回答