To make things a bit easier to follow first create a new folder and name it frames.
We will use this for our files.
Find two .html or .htm files and copy them into this folder renaming them Page1 and Page2, or create 2 new ones with something on them that can be seen.
In your HTML editor and with a new page start your frameset by defining the number of columns, in this case 2.
<frameset cols ="25%, 75%">
Column one 25% wide and Column two 75% wide. You can also use the asterisk to state that the remaining width be used for that particular column
EG:
<frameset cols ="25%, *">
This would give you the same size as above
Next we need the source for Column one.
<frame src="page1.htm" name="navbar">
This states the file page1.htm is going to be shown in column one and the name of column one.
The name can be any of your choosing.
Next we need the source for Column two.
<frame src="page2.htm" name="main">
This states the file page2.htm is going to be shown in column two and the name of column two.
The name can be any of your choosing.
NOTE:
Make sure that the files you are using have the same extention that you have put in the frame src=" "
File extentions .htm and .html are not classed as the same even though browsers open them.
</frameset>
This is the end of the frameset.
This is how it should look in your HTML file
<HTML>
<HEAD>
<TITLE>Your Title</HEAD>
<frameset cols ="25%, 75%">
<frame src="page1.htm" name="navbar">
<frame src="page2.htm" name="main">
</frameset>
<BODY>
</BODY>
</HTML>
This will give you the following setup.
Now save this file as 2frames.htm in the folder you created and called frames.
Double click on 2frames.htm so it opens with IExplorer and you should see page 1 in the left column and page 2 in the right column.
Download examples:
Two Frames
Three Frames
Four Frames