IE5.5か6.0をターゲットとして開発することが多いシステム限定での話です。
最近需要の多い、「明細部分をスクロールさせる」設計に基づきHTMLで画面を作っていると、意外にスクロール部分の幅を決定するのに、時間がかかります。
そこで、横幅を以下の方程式に当てはめて計算すると、割合楽にはじきだすことができます。
- セルの横幅+cellpadding×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やブラウザでのスクロール幅を教えてください。