point 縦に分割したフレームを作る

<frameset rows="上のウィンドウ幅,下のウィンドウ幅" >
 <frame src="上に表示したいHTMLファイル名(URL)">
 <frame src="下に表示したいHTMLファイル名(URL)">
 </frameset>

次はフレームを使ってウィンドウを上下に分けてみましょう。前のページでは、フレームを左右に分けるために<frameset>タグの中にcols属性をつけましたが、これをrows属性にすれば、縦にウィンドウを分割できます。

画面のサイズ指定はrows="上のウィンドウ幅,下のウィンドウ幅"のように指定します。そして1つ目の<frame src="menu.htm">で上に表示させるHTMLファイルを指定し、つぎに2つ目の<frame src="main.htm">で下に表示させるHTMLファイルを指定します。

フレームを設定するファイルの記入例
<html>
<head>
<title>縦に分割したフレーム</title>
<frameset rows="20%,80%">
<frame src="menu.htm">
<frame src="main.htm">
</frameset>
</html> 

説明
<frameset rows="20%,80%">
で上のウィンドウを画面の20%、下のウィンドウを画面の80%に指定します。

つぎに<frame src="menu.htm">
で上のウィンドウにmenu.htmを表示させます。

そして<frame src="main.htm">
で下のウィンドウにmain.htmを表示させます。

 

左側のウィンドウに表示されるmenu.htmと、右側に表示されるmain.htmの記入例は省略します。

●表示例はこちらです●

スポンサード・リンク