擬似フレームを使用したHPの改造方法について

質問

• JavaScript等の知識が必要なため、擬似フレームを使用したHPの改造は難しいです。
• 参考サイトを使用すれば、スクロールするHPを作成することは可能ですが、ヘッダーやフッターの共用方法がわかりません。
• 擬似フレームを使用したHPの改造は高いスキルが必要ですが、参考サイトを利用すれば実現可能です。

回答No.1

Sylar

とりあえずソースを見ないと何がどう分からないのか分かりませんが・・・。
サンプルサイトの通りにしてみてはいかがですか？
カンタンにやるなら
HTML
<div class="head">ヘッダー</div>
<div class="main">
<div class="menu">メニュー</div>
<div class="frame">擬似フレーム</div>
</div>
<div class="foot">フッター</div>

CSS
.head{
width:100%;
height:10%;
background:#333333;
}
.main{
width:100%;
height:80%;
background:#eeeeee;
}
.menu{
width:20%;
height:100%;
float:left;
}
.frame{
width:80%;
height:100%;
overflow:auto;
float:left;
}
.foot{
width:100%;
height:10%;
background:#333333;
}
こんな感じで。

補足

Sylar様．

上記の例の場合，擬似フレーム側の内容が変わっても(別頁に移動しても)，メニュー側を一定にする(外部からメニューを読み込む)にはどのようにしたら良いのでしょうか？

参考にしたサイトではJavaScriptを使用してメニューを読み込むようなのですが・・・・・・．

なお，最初にあげた2つのサイト共に，ダウンロードできるようなサンプルファイルが無いので，全容が理解出来ないのです．

よろしくお願い致します．