固定レイアウト表で%値指定の列幅が本来の幅より小さくなる

症状

固定レイアウト表(table-layout:fixed;)の列の幅を%単位の値で指定したとき、列の幅は表の幅に対する%値ではなく表の幅からボーダーの幅やセル間の幅を差し引いた量に対する%値になる。

例示

<style type="text/css">
table {
  table-layout: fixed;
  width: 300px;
  border: 1px solid blue;
  border-spacing: 5px;
}
td {
  border: 1px solid blue;
}
</style>

<table>
<tr>
<td style="width:150px;">150px</td>
<td>.</td>
</tr>
</table>
<table>
<tr>
<td style="width:50%;">50%</td>
<td>.</td>
</tr>
</table>
150px .
50% .

widthプロパティをpx単位で指定した列の幅と、%単位で指定した列の幅は等しいはずです。

スクリーンショット

Ns7.1Netscape7.1標準モード

修正状況

  • Netscape7.1、Mozilla1.7betaの標準モードと互換モードで不具合の発生を確認しました。

関連記事

スポンサーリンク

PDO_MYSQLをインストールする方法

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る