IE5.5か6.0をターゲットとして開発することが多いシステム限定での話です。

最近需要の多い、「明細部分をスクロールさせる」設計に基づきHTMLで画面を作っていると、意外にスクロール部分の幅を決定するのに、時間がかかります。

そこで、横幅を以下の方程式に当てはめて計算すると、割合楽にはじきだすことができます。

1. セルの横幅＋cellpadding×2　をセルの数だけ計算し、合計します。
2. 最後にスクロール幅を足します。

実際に画面を見て計算してみましょう。

<table cellpadding="2" cellspacing="0">
<tr>
<td width="60">コード</td>
<td width="120">名称</td>
<td width="120">備考</th>
</tr>
</table>


セルの横幅＋cellpadding×2なので、
（60＋2×2）＋（120＋2×2）＋（120＋2×2）＝312

IE5.5の場合は、スクロール幅が20pxなので、
312＋20＝332

ゆえに、上記のテーブルを332pxのdivタグで囲むと、ちょうど良い横幅になります。

今回はIE5.5で表示確認をしたので、スクロール幅は20pxとなりました。
ぜひ、他のOSやブラウザでのスクロール幅を教えてください。