Table-based Layout Example
The content of tables is identical to the frameset source pages at
http://www.classes.cs.uchicago.edu/archive/2006/winter/10100-1/html/hwks/hw2/villa_adriana_source/
Likewise, all table pages contain a link to the frameset stylesheet in
order to maintain content formatting:
<link rel="stylesheet" type="text/css" href="http://www.classes.cs.uchicago.edu/archive/2006/winter/10100-1/html/hwks/hw2/villa_adriana_source/villa_adriana.css"/>
The images illustrate the start and second image pages:
- In contrast to the frameset, a table-based layout needs six pages,
all of which contain the table setup and the respective content.
- Corresponding to the banner and navigation frames in the frameset,
the top row and bottom left column of the table have to be fixed in
height and width, respectively.
- The content of the frameset source pages can be copied (using 'cut
and paste') into the table cells. Copy the entire <div>s
that contain the content in order to maintain the formatting specified
in the stylesheet.
