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 オーサリングの 2 番目のルール: HTMLは常に検証します
于 2013-02-01T13:42:31.297 に答える
0

<!DOCTYPE html>あなたのhtmlのまさにに追加してください。

これにより、IEは他のほとんどのページと同じようにページを管理できるようになります。

于 2013-02-01T13:32:21.187 に答える
0

この IE7 修正をinline-block、使用したテーブルで試してください。

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