2列CSSレイアウト

レイアウトのテンプレートなんで、かな～り味気ないですがご了承を。
また、左にあるメニューの内容は適当です。各自必要なメニューに作り変えてください。
さらに、リンク先のファイルを作ってないので、クリックしても何も起きないです。

左にメニュー、右にメインコンテンツを持ってきたタイプのレイアウトです。
CSSレイアウトを使用しています。

なお、ページの横幅は固定されています。固定しないで、ウィンドウサイズに合わせたい場合はテーブルレイアウトを使うのがいいのかなぁとか思っています。
ちなみにここで使っている横幅770pxですが、これは一応意味があったりします。

それは、横スクロールバーを出したくない為です。

縦のスクロールはマウス(特にホイールマウスなんかは簡単ですね)なんかで簡単に出来るのですが、横のスクロールは見る人はあまり好きでない人が多いのです。

ノートパソコン等の解像度の低い環境の場合、画面解像度が800x600の場合が結構あります。つまりブラウザを最大化しても横幅が800ピクセルまでしか表示できないのですよ。 800-770=20の30は何かというと、右に縦スクロールバーが出ても大丈夫なようにという余裕分です＾＾
さらに言えばもっと高い解像度(1024x768等)を使っている人でも、ブックマークや履歴をブラウザの左側に表示している人って意外と多いのです。横幅770ならそういうのが出ていても大丈夫ってのがあるのです。

以上、サンプル用に何を書こうか悩んでた時に頭に浮かんだちょっと役立つ話でした。
なお、このレイアウトで使用しているindex.htmlとstyle.cssに関する簡単な説明をhelp.htmlに用意してますので、これを参考に自分なりに変更を加えていきましょう！