この上がヘッダー、左がサイドバー、下がフッター。そして、ここがスクロールバー付のコンテンツになります。このように、画面中央にページを配置するテンプレートです。
多くのページは、内容が画面の高さよりも多くなると、画面右端にスクロールバーが出るのですが、このテンプレートのような作られ方も、ときどき見かけます。「スクロールバーで作るページ」も参考になると思います。
画面全体は、固定していて、ページによってコンテンツ量が変わりますから、その部分だけスクロールさせる手法です。このスタイルを採用するときには、ヘッダー、サイドバー、フッター部分は、同じデザインになっています。そして、コンテンツになるこの部分だけ内容が変わることになります。
このページは、全体のサイズが、幅＝800px、高さ＝600pxで、ヘッダーが、800×80px、左側サイドバーが、幅＝150px、コンテンツが、幅＝625px、高さ＝460px、フッターが、幅＝800px、高さ＝30pxで作っています。（計算した数値が足りない分は、余白になっています）
テンプレートをコピーしてから、サイズを調整するのでしたら、上記数値を変更してください。但し、このテンプレートは、幅と高さ、両方の数値を指定していますので、変更には、十分注意してください。
テンプレートソースの利用方法は、テンプレートトップページに書いてあります。
テンプレートソースには、フォントは明朝、文字サイズ14px、リンクカラーを青、オンマウスカラーを赤にしていますが、お好みで変更してください。変更カ所は、head部ソース「body,td,th」以下4行です。
左側サイドバーにリンクを配置するときは、「サイドバーリンク」のエディタを利用すると、このページにマッチするデザインが作れます。
スクロールバーカラーに関しては、IEだけの問題ですが、「div#contents」の最後に「scrollbar-base-color:#999;」と指定してあります。ここのカラーを変更すると、好みのスクロールバーカラーになります。
このテンプレートソースの利用方法は、「テンプレート」ページに書いてあります。
【テンプレート(14)を上手に利用する上でのヒント】
テンプレートのデフォルト状態は、背景色が全て白になっていますが、bodyに背景色を着けたり、背景画像を配置すると、イメージががらりと変わります。そしてコンテンツ部分だけ背景色を白にしたり、違う背景色を指定することにより、全く違うイメージのページを作ることができます。
このスタイルを採用する場合、サイト全体を同じスタイルで作ることです。ページによって異なるところは、コンテンツ部分だけです。そうすることによって、サイトの統一感を出すことができます。