メニューバー（固定）とメインページ（スクロール可能）の作り方について

ウェブページのデザインについて質問です。
このサイトリンク内容のように左側のメニューバーを固定し、右側のメインページをスクロール可能（二つが別の動きを取ることが可能）なデザインをするためには、どのようなコードを書けばいいのでしょうか？
何卒ご教示頂きたくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

ほとんどのブラウザで右クリックからのメニューにソースコードを見る機能が備わっています。

私のブラウザで確認すると以下のコードが見られました。

html
1<body>
2  <div id="main">...</div>
3  <div id="leftbox">...</div>
4</body>

次にleftboxのスタイルについて記述してあるスタイルシートを見に行きます。

html
1<head>
2  ...
3  <link rel="stylesheet" href="http://desperadoes.biz/style/style.css" type="TEXT/CSS">
4  ...
5</head>

スタイルシートが記述されているファイルが見つかりました。
ブラウザの機能でリンクをクリックして中身を見てみましょう。

css
1/*左のボックス部分*/
2
3#leftbox {
4    position : fixed ;
5    _position : absolute ;
6    left : 0px ;
7    top : 0px ;
8    width : 160px ;
9    height : 100% ;
10    margin : 0 ;
11    padding : 0 ;
12}
13
14#leftbox ul {
15    list-style : none outside none ;
16    margin : 0px 0 0 10px ;
17    padding : 0 ;
18}
19
20#leftbox ul li {
21    width : 130px ;
22    margin : 0 ;
23    padding : 0 ;
24    display : block ;
25    line-height : 130% ;
26}
27