0

Chrome、IE8、および IE9 で正常に表示されるテーブルがあります。ただし、IE7 では、テーブルはそのコンテンツよりもはるかに広くなります (要素を含む 100% ?)。表を IE7 および IE6 のコンテンツと同じ幅にするにはどうすればよいですか (また、新しいブラウザーでも問題なく表示されます)。

ここにテーブルがあります：

<table class="SisSubDetailTable">
    <tbody>
        <tr>
            <td>Date:</td><td>10-16-11</td><td>SOID:</td><td>SUST — Sustaining                                                                                          </td>
        </tr>
        <tr>
            <td>Status:</td><td>25 characters' worth of data</td><td>Work Order:</td>
            <td>     </td>
        </tr>
        <tr>
            <td>Company:</td><td>6K8  — KAPCO</td><td>Sub:</td><td>9999 </td>
        </tr>
        <tr>
            <td>Store:</td><td>34 characters' worth of data</td><td>Export Price:</td>
            <td>$0.00</td>
        </tr>
        <tr>
            <td>Class:</td><td>26 characters' worth of data</td><td>Control Ship:</td>
            <td>N</td>
        </tr>
    </tbody>
</table>

次の CSS はセルを狭くしているように見えますが、表全体は依然として 400px よりもはるかに広いです:

table.SisSubDetailTable
{
    width: 400px;
}

table.SisSubDetailTable td
{
    border-width: 0;
    width: 100px;
}
4

2 に答える 2

1

まだ行っていない場合は、値をピクセル単位で設定し、他の単位は避けてください。

于 2012-06-29T22:05:20.853 に答える
1

css で width プロパティを設定する必要があります。推測とチェックを使用して、必要な大きさを把握します。

于 2012-06-29T22:04:18.567 に答える