Professional Web Design: Techniques and Templates, Fourth Edition

424
Chapter 16 ■ Tips and Techniques
Header content goes here.
3. Create rules in the style sheet that not only create the left and right columns
but also the rule they are nested inside of. Then add the code to the XHTML
body (see Figure 16.7).
Things to note about the code in step 3:
■
■
The a5-main-content rule is added to force the positioning of the left and
right columns. It is positioned below the header, which is set to 180
pixels high. Therefore, the rule positions the tag 180 pixels from
the top. It also separates the nested left and right columns from the
bottom footer area that will be added.
The a5-column-left rule is created to force the to the top-left
corner of the a5-main-content tag. The left property tells the
tag to position itself 0 pixels from the left side. The margin-right
property of the rule restricts its positioning by telling it that it must end
its width at 232 pixels from the right-hand side of the page or tag
in which it is nested.
Figure 16.7
Design with the left and right columns added to a tag that positions the content 180 pixels below
the header .
Game Developing GWX