framesetタグで、画面の分割方法を指定します。
<frameset cols="100,*"> 〜 </frameset> … 左右の分割
<frameset rows="100,*"> 〜 </frameset> … 上下の分割
| cols="" | 左右の分割 + サイズを指定します |
|---|---|
| rows="" | 上下の分割 + サイズを指定します |
画面の分割方法には、左右の分割と上下の分割があります。この分割方法と各フレームのサイズを、framesetタグで設定することになります。
【フレームサイズの指定方法】
cols="" または rows="" には、分割する画面領域のサイズを指定します。
cols="" （左右の分割） … 横幅のサイズを指定します
rows="" （上下の分割） … 縦幅のサイズを指定します
サイズの指定は、ピクセル数かパーセント、または * （残り全て）で行います。それぞれの数値はカンマ（ , ）で区切って記述していきます。
■左右に3分割する場合の例
cols="100,150,*"
上記の例では、「左」の横幅を100ピクセル、「中央」の横幅を150ピクセル、「右」の横幅を残り全て、という指定を行っています。
サイズを記述する順番は、左右に分割する場合は左のフレームから順に、上下に分割する場合は上のフレームから順に指定していきます。
■左右に2分割する場合
<html>
<head>
<title>フレームサンプル</title>
</head>
<frameset cols="20%,80%">
<frame src="example1.html">
<frame src="example2.html">
<noframes>
<body>
<p>ここにフレーム未対応ブラウザ向けの内容</p>
</body>
</noframes>
</frameset>
</html>
▼これをブラウザで見ると次のように表示されます
■上下に3分割する場合
<html>
<head>
<title>フレームサンプル</title>
</head>
<frameset rows="50,100,*">
<frame src="example1.html">
<frame src="example2.html">
<frame src="example3.html">
<noframes>
<body>
<p>ここにフレーム未対応ブラウザ向けの内容</p>
</body>
</noframes>
</frameset>
</html>
▼これをブラウザで見ると次のように表示されます
