Professional Web Design: Techniques and Templates, Fourth Edition

Understanding the Design’s Structure 349
Theotherslicetonoteinthesecondary-levelpage(seeFigure13.4)isjusttotheleft
ofnumber3.Thissliceisusedasabackgroundimageforthepagetitle.
Understanding the Placement of CSS Containers
There are 18 tags that are used to create the homepage layout of this
design. Many of them serve the same basic purpose for the structure of the site, as
they do in the case study in Chapter 12. The thing to note about this design is
that the majority of them are assigned absolute positioning.
Following are explanations of the 10 most useful containers, shown in
Figure 13.5:
■
The tag to the top left of number 1 is used for centering the design
in IE 5 and 5.5. It also represents the top-left corner of the a5-body container
that is used to control, among other things, the width of the design.
Number 1 also points out where the ‘‘complete access’’ code is included
for the top-right portion of the design.
Figure 13.5
Ten of the most important containers used to build the design.
Game Developing GWX