html?/css?/Javascript? でのフッター特殊な固定方

質問

html?/css?/Javascript? でのフッター特殊な固定方法について。

こんばんは。
現在ホームページを作成中です。
そこでフッターをブラウザの下部に固定しようと思い
google等で検索し見つける事が出来ました。

ソースは色々ありますが例として下記のURLで説明したく思います。
http://www.css-lecture.com/template/2009/0212/

私の希望・やりたい事としては上記のサイトに追加内容で

(1).ヘッダーをブラウザ上部に固定。
(2).ブラウザの上下を縮めた時、フッターとヘッダが重ならないよう、最小高さを指定。
(3).(2)を実装時、フッタとヘッダがある程度寄るとスクロールバーが出てくると思いますが
　 スクロールした時にスクロールするのは内容のみ。
　 (フッタがブラウザ下部に隠れたとしてもスクロール時に移動してはいけない)

です。

ここ最近試行錯誤しcssを書いていますが
(3)を実装時に不具合が多く困っています。

ヘッダをブラウザ上部に、フッタをブラウザ下部に固定して
スクロールした時、内容と同時にフッタまで上にスクロールされたり
フッタを完全に固定してしまうと、ヘッダとフッタの最小間隔が指定できなかったり。

【簡易説明】
ヘッダは上部固定、フッタは下部に固定して
ヘッダとフッタはブラウザの上下を縮めても重ならない様、最小値を指定し
スクロールでスクロールするのは内容・記事のみ。

こんな事が可能なのかどうなのかも私の乏しい知識では判りませんので
どなたか詳しい方いらっしゃいましたらご教授お願い致します。

内容・記事としてのスクロールバーと
ヘッダ、フッタの最小値以上縮めた時のスクロールバーが入り組んでいる形になるので
不可能なんでしょうか・・・・。

また、もし参考サイト等がありましたら
URLの誘導のみでも結構です。

何卒、宜しくお願い致します。（涙

また、乱文で大変失礼致しました。

回答No.1

yyr446 · ベストアンサー

見つけたやつでヘッダ、フッタをそれぞれ、固定にして
その間の部分をを高さ固定の<div>にしてoverflow:scrollにしては