ＨＴＭＬにて実現可能かどうか

質問

こんにちは。今回もまたよろしくお願いします。
今「こういう形でレイアウトしたい」という画面がありまして、そのレイアウトが実現できるかどうか知りたいのです。
使ってるのはＨＴＭＬだけなのですが、列が７個ほど、行がかなりの数あるテーブルがあって、これをこのまま出力すると下まで、ずーっと続いてしまいますよね？
これをテーブルの横にスクロールバーをつけるような感じのレイアウトにしたいと思っているのですが、これは実現可能なものなのでしょうか？
タグや参考サイトがございましたらお教えいただけると助かります。
宜しくお願い致します。

回答No.1

noname#78418 · ベストアンサー

HTMLだけで実現するとなると、IEのみの対応(もしかしたらOperaやGekkoエンジンのNetscapeも対応しているかも)になりますが、インラインフレームの中にフレームを書いたHTMLを読み込ませると言う手があると思います。

もしCSSを使ってもよいのなら、テーブルをDIVでくくってheight;指定してスクロールバーを出すようにすればOKだと思います。

お礼

書き込み、ありがとうございました。
インラインフレームを使えばいんですね！
実行してみたらいい感じでした。
これで先に進めます。
とても助かりました。本当にありがとうございました。

回答No.2

noname#199778

スタイルシートを利用することで、そういった感じのレイアウトを作ることも可能と思います。

<div style="width: 600px; height: 400px; overflow: scroll;">
</div>

上記のソースで該当のテーブルを囲うと、幅600px、高さ400pxの範囲からはみ出る部分は隠れるようになり、スクロールバーで展開することで、隠れた部分を表示させることができると思います。 表示範囲については、widthとheightに続く値で調整できます。
テーブルのヘッダなどはそのままに、中の項目だけをスクロールさせたいという場合は、テーブルを二つに分割して、データの中身のテーブルだけを上記のタグで囲むようにする方法などが、少々強引ですが、良いのではないかと思います。

参考まで。

お礼

書き込み、ありがとうございました。
今回はインラインフレームを使うことにしたのですが、lead1976様が仰る実装方法も面白いですね。これでまた視野が広がりました。
今回は本当にありがとうございました。