Styling the #content ColumnThe first column must be floated and set with a width of 44%. It also should be given some margin using margin: 1em 3%; as shown in Listing 21.8. The results can be seen in Figure 21.8. This will provide 1em of space above the container and 3% margin on either side, as a gutter between other columns. Listing 21.8. CSS Code for Styling the #content Columnbody { margin: 0; padding: 0; font: 90% arial, helvetica, sans-serif; background: #387A9B; color: #333; } h1 { background: #D36832; color: #FFF; margin: 0; padding: .5em 3%; border-bottom: 5px solid #387A9B; } h2, h3 { margin-top: 0; } #container { background: url(back01.gif) repeat-y 50% 0; } #container2 { background: url(back02.gif) repeat-y 80% 0; } #content { width: 44%; float: left; margin: 1em 3%; } Figure 21.8. Screenshot of the styled #content column. |