9A AND 7.9B These are
the two graphics, full_arc.gif and
cover_circles.jpg, that go behind the
left and center, and center and right
columns, respectively. Their borders
are added here in the book for clarity
and don??™t exist on the actual artwork.
The backgrounds of the header and
footer were initially colored by the
text_n_colors.css style sheet,
so I removed those styles from that
style sheet.
additional styles here not shown
additional styles here not shown
BUILDING WEB PAGES 253
Note the use of the positioning units (highlighted). The
main_wrappper div encloses the entire layout, so in order to have
cover_circles.jpg (Figure 7.9B) nicely positioned behind the
content area, I have to move it 300 pixels to the right. The default
positioning of full_arc.gif (Figure 7.9A) puts it where it needs to
be, so no additional positioning is required for that element.
One other small step I took at this point was to ?¬? nd the style that
colored the background of the content area in the text_n_colors.
css ?¬? le and modify it so the background color is transparent, not
lime green. Otherwise, this background image in the main_wrapper
div would not show through the content div which overlays it. If two
elements overlap, as the main_wrapper and content divs do, the child
element appears on top of the parent element.
.lime #content {background-color:#FFF #CFE673;}
Now we are at this point (Figure 7.
Pages:
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294