固定レイアウトテーブルでセル幅の%値指定時に算出値が不正確
症状
固定レイアウトテーブル(table-layout:fixed;
)内で列幅を指定するとき、指定値に具体的な値・%単位の値・auto値を混在させると、%単位の値の算出値が本来算出されるべき値より小さくなることがある。
例示
<table border="2" style="width:50%; table-layout:fixed"> <tr> <td style="background:aqua; width:5em;">5em</td> <td style="background:lime; width:auto;">auto</td> <td style="background:fuchsia; width:50%;">50%</td> </tr> </table>
5em | auto | 50% |
左から3列目にあるセルの幅がテーブルの幅の半分になるはずです。
スクリーンショット
N7.1での表示(標準モード)
補足
自動レイアウトテーブル(table-layout:auto;
)でこの不具合は発生しないそうです。また、固定レイアウトテーブルでも列幅の指定に単位が混在しなければ(%単位の値だけを使用する場合や、具体的な値とauto値だけを使用する場合など)不具合が発生しないそうです。
修正状況
Safari1.0でこの不具合が発生するそうです。
関連記事
- :hover擬似クラスでvertical-alignが無効
- caption要素を含むテーブルではcol/colgroupに対するスタイルが効かない
- 空白文字のみのテキストノードを正常に取得できない
- document.styleSheets[n].titleが常にnull値を返す
- clearプロパティはnone以外の値からnone値に上書きできない
- 名称に日本語文字を含むフォントファミリの指定を無視する
- contentプロパティでopen-quote, close-quote値を無視する
- contentプロパティに指定した日本語文字が文字化けして表示される
スポンサーリンク