Page Layout with CSS - Web Development and Design Foundations with XHTML - page 266

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

Create a new wrapper id 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 leftcolumn id 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.

●

#leftcolumn a { display: block;
margin: 0 15px 15px 15px;

}