3 Frames

Creating a " 3 frame " frameset

This frameset requires 4 files.

This is your frameset file which will create the following layout.

<frameset rows ="20%, *" >
<frame src="page3.htm" name="head">

<frameset cols ="26%, *" >
<frame src="page1.htm" name="navbar">
<frame src="page2.htm" name="main">
</frameset>

</frameset>

The reason you give the frame src a name is so that the browser knows which frame to open a file in.

First we start with one row 20% high, and the second row having the remainder

<frameset rows ="20%, *" > ....Creates the two rows

<frame src="page3.htm" name="head">

We now have 2 rows with the top row called head where page3.htm will be loaded

Now we want to split the bottom row into two

To do this we have to create another frameset inside the frameset we have already started.
Because we want columns we have to go;
<frameset cols ="26%, *" > ....Creates the 2 columns

<frame src="page1.htm" name="navbar">

<frame src="page2.htm" name="main">

Lastly we have to close both frameset.

</frameset>
</frameset>

All you have to do now is customise the pages that are going to fit in these frames


The following example still has 3 frames but the layout is slightly different

<frameset cols ="25%, *" >
<frame src="page1.htm" name="navbar">
<frameset rows ="20%, *" >
<frame src="page3.htm" name="head">
<frame src="page2.htm" name="main">
</frameset>
</frameset>

In the previous example we started by creating the rows first, this time we start with the columns.

<frameset cols ="25%, *" > ....Creates the two columns

<frame src="page1.htm" name="navbar">

We now have 2 columns with page1.htm loading into the left column

Now we want to split the right column into 2 rows

<frameset rows ="20%, *" > ....Creates the two rows
<frame src="page3.htm" name="head"> ....Loads into the head section
<frame src="page2.htm" name="main"> ....Loads into the main section

And finally close the framesets

</frameset>
</frameset>

Download examples:
Two Frames Three Frames Four Frames