A.T-MOON

contents

パンくずリスト

メッセージエリア

フレームの分割

メッセージエリア

フレームの分割方法

<framest cols="A,B">
<framest rows="A,B">

次に分割の仕方ですがcols属性rows属性を使います。

cols属性ではフレームを左右縦に分割します。
それぞれの幅を左から順に,(カンマ)≠ナ区切って指定します。

rows属性ではフレームを上下横に分割します。
それぞれの高さを上から順に,(カンマ)≠ナ区切って指定します。
使用できる単位はピクセル(数値のみ記述)*(アスタリスク)です。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
 <head>
  <title>ココにタイトル</title>
 </head>
 <frameset cols="15%(Aのフレーム幅),75%(Bのフレーム幅)">
   <frame src="AのURL" name="Aのフレーム名">
   <frame src="BのURL" name="Bのフレーム名">
    <noframes>
     <body>
      <p>
      このページを表示するには、フレームをサポートしているブラウザが必要です
      </p>
     </body>
    </noframes>
 </frameset>
</html>

左右縦に2分割したページで、左側がページ全体の15%の幅で右側がページ全体の75%の幅で表示されます。
またどちらかの数値を*(アスタリスク)にした場合は
数値を指定している側を基本に残りの数値が自動で割り当てられて表示されます。

ページTOP
ひとつ前のページに戻る
フレーム・2分割

左右縦に2分割
※例)
frameA frameB
イメージです




上下横に2分割
※例)
frameA
frameB
イメージです

ページTOP
ひとつ前のページに戻る


フレーム・3分割

フレームを2分割以上にする場合は<frameset>〜</frameset>を入れ子にして指定します。

左中右と縦に3分割
※例)
frameA frameB frameC
イメージです




上中下と横に3分割
※例)
frameA
frameB
frameC
イメージです




TOPとその下を左右縦2分割にした3分割
※例)
frameA
frameB frameC
イメージです




BOTTOMとその上を左右縦2分割にした3分割
※例)
frameA frameB
frameC
イメージです

ページTOP
ひとつ前のページに戻る


フレーム・4分割

フレームを2分割以上にする場合は<frameset>〜</frameset>を入れ子にして指定します。

TOPとBOTTOM、間を左右縦に2分割
※例)
frameA
frameB frameC
frameD
イメージです

ページTOP
ひとつ前のページに戻る


フレーム・5分割

フレームを2分割以上にする場合は<frameset>〜</frameset>を入れ子にして指定します。

TOPとBOTTOM、間を左中右に縦3分割
※例)
frameA
frameB frameC frameD
frameE
イメージです

ページTOP
ひとつ前のページに戻る
フレームの基本 フレームの境界線の設定