Using CSS for Page Layout Working with Floating and AP - New Perspectives on Adobe Dreamweaver CS5, Comprehensive - page 195

To change the #content rule in the nbf_stylesheet.css:

◗

1. Collapse the Insert panel, expand the CSS Styles panel, click the All button, if
necessary, and then, in the All Rules pane, click #content . The attributes of the
#content style appear in the Properties pane.

◗

2. In the margin-bottom box of the Properties pane, select 10px , type 0 , and then
press the Enter key. The footer text moves closer to the content div, reflecting the
new bottom margin value.

◗

3. Scroll down the home page as needed to view the footer. See Figure 4-18.

Figure 4-18 The footer div with new bottom margin

new bot to m
margin value

footer moved
closer to the
page c o ntent

◗

4. Save the style sheet, and then preview the page in a browser. See Figure 4-19.