表の位置をスクロールしても動かないようにブラウザで固定させたい

質問

○○○○ブラウザ○○○○▲
■■■■■■■■■■■○□
■１．位置固定の表■■○□
■■■■■■■■■■■○□
◇◇◇◇◇◇◇◇◇◇◇○□
■■■■■■■■■■■○□
■■■■■■■■■■■○□
■■■２。非固定の■■○□
■■■　普通の表　■■○□
■■■■■■■■■■■○□
■■■■■■■■■■■○□
■■■■■■■■■■■○□
○○○○○○○○○○○○▼

みたいなのを
フレームを使わずに　１ページ内におさめたいと思っています
いろいろ調べましたがわかりません
フレームで３ページ分　用意しないとできないのでしょうか？

１。style="position:fixed" としてみましたが、
　　firefoxでは固定できるようなのですがなぜか、IEでは　固定できませんでした。
２。のほうは　スクロールバーで移動するとスクロールしてくれればいいです。
　　z-indexは、１を上にする予定です。

フレームを使えばないいことなんですが。(^_^;
cgiで動的に作りたいので　フレームにすると３回呼び出さないといけないので
負荷がかかるのでさけたいと思っています
１ページで済ませたいと思っています。
１。は　メニューとして使いたいのでブラウザ画面から動かないようにしたいです。
２。は、ブラウザのスクロールで移動みたいなのが欲しいです。。

よろしくお願いします　m(_ _)m

回答No.2

LAIT · ベストアンサー

CSSで固定するか、http://himajin.moo.jp/menu/menu3.html
Javascriptで固定するか
http://himajin.moo.jp/menu/menu5.htmlでどうですか。

参考URL：

http://himajin.moo.jp/menu/menu3.html

お礼

きれいに固定できました。

これを使おうと思います。

ありがとうございました。

回答No.1

partita

2.のテーブルの高さを指定して、スタイルシートで

overflow:scroll;
（またはauto）

とすると、どうなりますか？

お礼

<table border="2" cellpadding="0" cellspacing="0" width="100%" height="39">
<tr>
<td width="50%" height="19">　</td>
<td width="50%" height="19">　</td>
</tr>
<tr>
<td width="50%" height="16">　</td>
<td width="50%" height="16">　</td>
</tr>
</table>
<div style="overflow: scroll; width: 100%; height: 400;">
内容
</div>

（内容の部分は　スクロールバーが動く程度に改行でもいれて長くしてください。）

ありがとうございます
overflow: scroll; で　スクロールバーがつきました♪

で　さっそく動作テストしてみました♪
一つ問題がでてきました(;_;)
IEだときちんと動くのですが、
普通のページだときちんとスクロールするんですけど
firefoxやmoziilaだと　この表示にすると
内容のところで、ホイールマウスが全く動作しないんです・・・　
せっかく解決策がみつかったのに
うーん・・・

バグかもしれないのでちょっと関係サイトで聞いてこようと思います。

補足

仕様が未実装というか
どうやら　firefox,mozillaは
　overflow:scroll;　一部未対応だったようです。
Deer Park Alpha 1　という時期バージョンで修正されたそうです。

　いいほうほうだったのに　うーん。。。