Web Development and Design Foundations with XHTML, 5th Edition

(^266) Chapter 6 Page Layout with CSS
● Create a new wrapperid to contain the page content. Configure the area with
a width of 680 pixels and centered (margin:0 auto). Set the minimum width
to 680 pixels, also. Configure the background (#ffffcc) and text (#003300)
colors. Set the left padding to 10 pixels.
#wrapper { width: 680px;
min-width: 680px;
margin: 0 auto;
background-color: #ffffcc;
color: #003300;
padding-left: 10px;
}
● Configure the left column area. Add a new style rule for the leftcolumnid to
configure an area that floats to the left and is 150 pixels wide.
#leftcolumn { float: left;
width: 150px;
}
● Configure the navigation area. Configure a descendent selector style rule to
configure the anchor tags within the leftcolumn id as follows: block element
with a 15 pixel right, bottom, and left margin.
#leftcolumna { display: block;
margin: 0 15px 15px 15px;
}
Figure 6.33
The new Prime
Properties two-
column index.html
Go to the end of the
book for a full color
version of this figure