XHTML & CSS
Framesets in XHTML

Frames - Rows

<!-- ~~~~~~~~~~~~~  CODE ~~~~~~~~~~~ -->

<frameset rows="25%,50%,25%" >
  <frame src="frame_a.html" />
  <frame src="frame_b.html" />
  <frame src="frame_c.html" />

<noframes>
<body>
This is the text that a browser would
see if it couldn't handle
frames correctly. It is also what
search engine spiders see when they
visit.
</body>
</noframes>

</frameset>

How it looks in the browser

This shows 3 web pages (a, b, c) in frames
the first (a) is 25% of the height of the page
the second (b) is 50% and the third (c) is 25%.

The <noframes> is what is displayed if the browser
can't view the frames. Remember to include links.



Frames - Columns

<!-- ~~~~~~~~~~~~~  CODE ~~~~~~~~~~~ -->

<frameset cols="25%,50%,25%">

  <frame src="frame_a.html" />
  <frame src="frame_b.html" />
  <frame src="frame_c.html" />

</frameset>

How it looks in the browser

Frames Page - Columns


Frames - Mixed

<!-- ~~~~~~~~~~~~~  CODE ~~~~~~~~~~~ -->

<frameset rows="20%,80%">

  <frame src="frame_a.html" />

  <frameset cols="25%,75%" >

    <frame src="frame_b.html" />
    <frame src="frame_c.html" />

  </frameset>

</frameset>

How it looks in the browser

Frames - Mixed Columns and Rows


Author - Alan Dunbar
Creative Commons Licence
Valid XHTML 1.0