スタイルシート(CSS)をインラインフレーム(iframe)のように使うことができます。
[ソース]
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
テーブルを組み合わせるとナカナカいいかもしれませんね。
[ソース]
| 天気 | 説明 |
|---|
| 晴れ | 太陽が見えます |
| 曇り | 太陽が雲で隠れてます |
| 雨 | 水もしたたります |
| 雪 | 猫はコタツで丸くなります |
<div style="overflow: auto; height: 100px;width:200px;">
<div style="width:150px;background-color:#f00;">
1<br />
2<br />
3<br />
4<br />
5<br />
6<br />
7<br />
8<br />
9<br />
10<br />
</div>
</div>
<div style="width:150px;background-color:#f00;">
1<br />
2<br />
3<br />
4<br />
5<br />
6<br />
7<br />
8<br />
9<br />
10<br />
</div>
</div>
△上に戻る
テーブルと組み合わせ
<table>
<colgroup>
<col width="50"><col width="100">
</colgroup>
<tr>
<th bgcolor="#cccccc">天気</th>
<th bgcolor="#cccccc">説明</th>
</tr>
</table>
<div style="overflow: auto; height: 100px;width:200px;">
<table>
<colgroup>
<col width="50"><col width="100">
</colgroup>
<tr>
<td>晴れ</td>
<td>太陽が見えます</td>
</tr>
<tr>
<td>曇り</td>
<td>太陽が雲で隠れてます</td>
</tr>
<tr>
<td>雨</td>
<td>水もしたたります</td>
</tr>
<tr>
<td>雪</td>
<td>猫はコタツで丸くなります</td>
</tr>
</table>
</div>
<colgroup>
<col width="50"><col width="100">
</colgroup>
<tr>
<th bgcolor="#cccccc">天気</th>
<th bgcolor="#cccccc">説明</th>
</tr>
</table>
<div style="overflow: auto; height: 100px;width:200px;">
<table>
<colgroup>
<col width="50"><col width="100">
</colgroup>
<tr>
<td>晴れ</td>
<td>太陽が見えます</td>
</tr>
<tr>
<td>曇り</td>
<td>太陽が雲で隠れてます</td>
</tr>
<tr>
<td>雨</td>
<td>水もしたたります</td>
</tr>
<tr>
<td>雪</td>
<td>猫はコタツで丸くなります</td>
</tr>
</table>
</div>
