1

ここに画像の説明を入力これは簡単な質問かもしれませんが、うまくいきません: 私の Web ページには、次のものがあります。

<head>
   <!-- Stuff here -->
</head>

<body>
   <header>
      <div class="content-wrapper">
          <!-- More stuff here... -->
      </div>
   </header>
</body>

wherecontent-wrapperは css ファイルにあり、 を定義していますmax-width: 960px。私が抱えている問題はmax-width、IE8では効果がないことです。本文には、 で定義された幅で制限する必要があると思われるテーブルがありますcontent-wrapperが、IE8 では無視されます (ただし、Firefox では機能します)。

私はいくつかの異なることを試しましたが、成功しませんでした:

  • style="max-width:960px"に追加

  • 私を悲しませているのに加えstyle="max-width:960px"て<tr>

  • style="width:400px"問題に追加され<th>、<td>

それらのどれも IE で動作しませんでした! 何か案は？私は何が欠けていますか？

新しい情報:

次のように、テーブルを div タグ内に配置します。

<div style="border: 1px solid; width: 960px">
   <!-- Table comes here -->
</div>

添付の画像でわかるように、div は境界線と指定された幅を持つように適切に変更されていますが、テーブルは IE8 でそれを無視します。Firefox では問題なく動作します。

4

3 に答える 3

1

content-wrapperのコンテナは、それを認識するために IE8のwidthとともに を持っている必要があります。max-width

IE8 と最大幅に関するこの記事をご覧ください: http://www.zeilenwechsel.de/it/articles/5/How-max-width-fails-in-IE8.html

于 2013-08-13T16:57:36.283 に答える
0 
<html>
   <header>
        <style>
            .content-wrapper {
               width:450px;
               background-color: red;
               height: 250px;
            }
           .content-wrapper table {
              width: 100%;
           }
       </style>
    </header>
    <body>
      <div class="content-wrapper">
          <table>
            <tr>
                <td>
                    Column 11
                </td>
                <td>
                    Column 12
                </td>
                <td>
                    Column 13
                </td>
            </tr>
            <tr>
                <td>
                    Column 21
                </td>
                <td>
                    Column 22
                </td>
                <td>
                    Column 23
                </td>
            </tr>
          </table>
      </div>
    </body>
</html>

css を css ファイルに移動します。これはうまくいくと思います

于 2013-08-13T17:02:29.450 に答える