
433
Working with Divs and AP Elements
11
Hover over the content area to see all the CSS properties, including those related to the
■■
box model.
Move your cursor over the padding or margin areas to see their respective values; for exam-
■■
ple, Margin: 10px.
With the cursor over the border, the tooltip reveals the current values for the margin, bor-
■■
der, and padding properties.
I recommend turning on the CSS Layout Box Model feature in the fine-tuning and debugging stages
of your Web page development; it’s a great tool for understanding exactly why elements on your page
are positioned the way they are.
CSS Layout Outlines
CSS Layout Outlines, when enabled, place a border around <div> tags and other block layout ele-
ments (see Figure 11-6). The outline is a dashed style for inserted
<div> tags and a solid border for
drawn Dreamweaver AP elements.
FIGURE 11-6
Highlight your
<div> tags at design-time with CSS Layout Outlines.
I tend to keep CSS Layout Outlines enabled during most of my design process; I find having the out-
lines visible quickly allows me to insert content in just the right places and, more importantly, select
the
<div> tags for quick refinement.
82523c11.indd 433 2/19/09 9:09:22 AM