HTML and CSS [Electronic resources]

Combining Columns and Rows

For a more complex approach to frame design, you can combine columns and rows to get the effect you're after. This is accomplished by nesting frameset elements (see Example 6-7).

Example 6-7. Combining columns and rows

<frameset rows="100, *">
<frame src="to187" />
<frameset cols="200, *">
<frame src="na193" />
<frame src="mai185" />
</frameset>
</frameset>

This results in a row along the top with two columns beneath it (see Figure 6-5).

You can now try out numerous combinations. Again, we're using only dummy pages here, but you could see where this design might contain a masthead, the left column some navigation, and the right column the content.