掲示板/総合質問板/過去ログ/一覧/ 表の横スクロールは可能なのでしょうか？

0 名前： ぱりっこ ： 2007/08/24（金） 14:58 ID:u5abVhPW sub-Cl: ホームページに、表を作りたいのです。

表の項目数が多いので、横スクロールしたいのですが
ＨＴＭＬのタグで、そういう事が可能なのでしょうか？

あまりに、初歩的な質問ですみません。
教えてください。

1 名前： カヅサツ ◆ThCi95HEzw ： 2007/08/24（金） 14:58 ［URL］ ID:O5hEMlpW sub-r2

> 表の項目数が多いので、横スクロールしたいのです

表の項目数が多すぎて、閲覧者のウィンドウから溢れるほど大きいテーブルになった場合、ウィンドウは横スクロールで表示しようとします。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
table{
	border-collapse: collapse;
}
th,td{
	white-space: nowrap;
	border: 1px solid black;
}
</style>
</head>
<body>
<p>ウィンドウを狭くしてみてください</p>
<table>
	<thead>
		<tr>
			<th>天海春香</th>
			<th>如月千早</th>
			<th>萩原雪歩</th>
			<th>高槻やよい</th>
			<th>秋月律子</th>
			<th>三浦あずさ</th>
			<th>水瀬伊織</th>
			<th>菊地真</th>
			<th>双海亜美/真美</th>
			<th>星井美希</th>
			<th>プロデューサー</th>
			<th>高木順一朗</th>
			<th>音無小鳥</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>中村繪里子</td>
			<td>今井麻美</td>
			<td>落合祐里香</td>
			<td>仁後真耶子</td>
			<td>若林直美</td>
			<td>たかはし智秋</td>
			<td>釘宮理恵</td>
			<td>平田宏美</td>
			<td>下田麻美</td>
			<td>長谷川明子</td>
			<td>泰勇気</td>
			<td>徳丸完</td>
			<td>滝田樹里</td>
		</tr>
	</tbody>
</table>
</body>
</html>

2 名前：匿名： 2007/08/24（金） 14:58 ID:jSC9zi.K sub-y9

ウインドウのスクロールではなく、表だけと思ったので

<div style="width:100%;overflow:scroll;overflow-y:visible">
<table>
	<caption>アイマスキャスト</caption>
（略）
</table>
</div>

3 名前： ぱりっこ ： 2007/08/24（金） 14:58 ID:u5abVhPW sub-Cl: 貴重なお時間を割いてお答えいただいて、
ありがとうございました。

相談内容の言葉が足りませんでした。
すみません。
表だけを横スクロールしたかったのです。

カヅサツ様、私の拙い相談内容で
コードまで教えてくださって
ありがとうございました。

匿名でお答えくださった方へ
divのコードを入れてみました。
スクロールバーが登場しました。
これで先に進めます。
ありがとうございました。

初めての投稿で、ドキドキでした！