HTML and CSS Reference
In-Depth Information
padding for this area, also. Set the background (
#ffffff
) and text (
#006600
) col-
ors for this area.
#center
{ margin: 0 200px 0 150px;
padding: 1px 10px 20px 10px;
background-color: #ffffff;
color: #006600;
}
7. Footer.
Configure the page footer with very small text that is centered. Configure
the background (
#ffffff
) and text (
#006600
) colors for this area. Set the top
padding to 10 pixels. A
clear:both
is needed to clear the float of the right and
left columns as follows:
#footer
{ font-size: .70em;
text-align: center;
color: #006600;
background-color: #ffffff;
padding-top: 10px;
clear:both;
}
At this point you have configured the main elements of the three-column page layout.
It's a good idea to save and do a quick test to make sure you are on the right track.
Code the closing XHTML style tag:
</style>
.
Save the threecolumn.html file in the wildflowers3 folder. Test your page in a browser.
It should look similar to the one shown in Figure 7.15. Note that there is still some
detail work to do but you are well on your way!
Figure 7.15
The CSS for the
basic elements of
the three-column
layout is complete
Search WWH ::
Custom Search