Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

Nesting frames

To create a complex arrangement of frames, you can put a frameset inside another frameset. This is called nesting. It’s a bit like a table within a table. The following example shows how to divide the main window into two horizontal frames in which the second frame is sub-divided into two vertical frames:

<html>
<head>
<title>Nested Frames</title>
</head>
<frameset rows="10%,*">
<frame scrolling="no" src="banner.htm">
<frameset cols="25%,*">
<frame src="contents.htm">
<frame src="homepage.htm">
</frameset>
</frameset>
</html>

You might use this arrangement to display a banner across the top of the page, the contents list in the left-hand frame and the information in the right-hand frame. For example:

If you add a horizontal frame, you could add a footer to display copyright statements. Alternatively, you could set up three horizontal frames: the top one for a banner, the middle one for the information and the bottom one for jumps to other pages.