ﾘｷｯﾄﾞﾃﾞｻﾞｲﾝにて､ｽｸﾛｰﾙﾊﾞｰを表示させる為のcssを教えてください｡
tabel(tbl_1) を2x2で作成します｡
tbl_1 右下のｶﾗﾑに､table(tbl_2)を作成して
そのtbl_2をｺﾝﾃﾅ(div)で囲んでｽｸﾛｰﾂﾊﾞｰを出したいのです､
tbl_1はﾘｷｯﾄﾞﾃﾞｻﾞｲﾝで 左右を50%で設定し､
tbl_2の各Tdはwith=500pxの様に横幅を設定したいです｡
javascriptを使用してもかまいません｡
どうかよろしくお願い申し上げます｡
参考HTML
<table id="tbl_1" border="1" width="100%">
<tr>
<td width="50%"></td>
<td width="50%"></td>
</tr>
<tr>
<td></td>
<td>
<div style="overflow:scroll;width : 100%;" id="dev_1">
<table id="tbl_2" border="1">
<tr>
<td style="width : 500px;">項目1</td>
<td style="width : 500px;">項目2</td>
</tr>
<tr>
<td style="width : 500px;">項目1内容</td>
<td style="width : 500px;">項目2内容</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
