HTML and CSS Reference
stretch these cells to fill the available space. This provides a pleasing look on most
browsers at most screen resolutions.
You do not have to use 80% for the percentage width. A table width set to 100% is used
when you want the page to fill the entire browser window. See http://www.co.door.wi.gov
for an example of a page configured in this manner.
You can also use a fixed value for a table width. This will provide a more consistent
look across different browsers and platforms. Often the fixed-width table is centered on
the page. The RedBox site, http://www.redbox.com, uses this technique with a width
set to 746 pixels. The content is displayed in the center of the browser window with a
balanced margin of dark red background on either side.
At this point you should have a basic understanding of the use of tables on Web pages. The
best way to learn is to practice. Why not create a few experimental pages of your own?
HANDS-ON PRACTICE 8.3
You will work with the Chapter 4 Trillium Web site you created in Hands-On Practice 4.5.
Create a new folder called trilliumch8table and copy the contents of the Chapter4/4.5
folder found in the student files.You will create an alternate version of the home page
that uses a table for the page layout. Launch Notepad or another text editor and open
the index.html page from your trilliumch8table folder. Your page will look similar to
the one shown in Figure 8.24.
The Trillium Home