1

固定レイアウトと固定列サイズの IE7 とテーブルに問題があります。ほとんどのブラウザは列幅を使用してパディングを含むセルのサイズを設定しますが、IE7 はパディングを除いて設定しているように見えるため、オーバーハングがあります。

私は解決策を検索し、検索し、再度検索しましたが、「box-sizing: border-box」を他のすべてに適用する以外にまともなものを見つけることができず、それは問題外です。「table-layout: fixed」を削除することもできますが、これに依存している他のコードが多すぎます。

ブラウザー間で一貫性を保つにはどうすればよいですか?

<!-- DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" -->
<html>
  <head>
    <style type="text/css">
      div {
        width: 200px;
        height: 10px;
        background-color: blue;
      }
      table {
        width: 200px;
        border-collapse: collapse;
        table-layout: fixed;
      }
      .first {
        width: 50px;
        background-color: green;
      }
      .second {
        width: 150px;
        background-color: red;
      }
      .alt {
        padding: 10px;
      }
    </style>
  </head>
  <body>
    <div></div>
    <table>
      <colgroup>
        <col class="first" />
        <col class="second" />
      </colgroup>
      <tr>
        <td>Foo</td>
        <td class="alt">bar</td>
      </tr>
    </table>
  </body>
</html>

同様の質問: <col> 幅とパディング - IE7

IE7SS IE7 スクリーンショット

IE9SS IE9SS

4

1 に答える 1

0

IEはテーブルのパディングをサポートしていません。代わりに、テーブルデータセルにパッドを適用する必要があります。

于 2012-08-07T09:53:29.280 に答える