「擬似フレーム（疑似フレーム）」の作り方（IE6 にも対応、スタイルシート(CSS)、JavaScript使用）

• 〜
• 〜
• 〜
  
  （上メニューがあるページのみ）
• 〜

という要素のみを書きます。それぞれ、 ヘッダバナー、左メニュー、上メニュー、本文部分に相当し、 フレームのように動作します。

2. スタイルシートを用いて以下のことを指定します。

• ブラウザのスクロールバーを消す。
  html{ overflow: hidden; }
• body 領域の内寸をブラウザの内寸に一致させる。
  html{ height:100%; } body{ height:100%; width: 100%; }
• #lt, #main に、 内容が領域内に表示しきれなくなったらスクロールバーを表示するように指定する。
  { overflow: auto; }
• #header, #lt, #headmenu, #main に、 { position: absolute; } を指定する。
  （これにより、位置がページ上での絶対座標で指定できるようになる。 IE6 も対応可。）

3. ページロード時 (onload) 及びページサイズ変更時 (onresize) に、 JavaScript を用いて、ブラウザの表示領域の内寸を取得し、それを元に

    
  
  
  サイトマップ 
   
 

 サイトマップ