WEB STANDARDS CREATIVITY

146
Setting the width of the columns
Next, I position the columns using floats. First, I float #c1
and #c2 left, and #c3 right.
#c1 {
float: left;
width: 250px;
}
#c2 {
float: left;
width: 250px;
}
#c3 {
float: right;
width: 250px;
}
Figure 6-15. The three columns
This positions the columns over the grid marks of the
background image. To make sure, I add different shades of
gray as a background color to each div (see Figure 6-15).
#c1 {
float: left;
width: 250px;
background: #eee;
}
#c2 {
float: left;
width: 250px;
background: #ccc;
}
#c3 {
float: right;
width: 250px;
background: #999;
}