For the ie-lte6-hacks.css document
(which affects Internet Explorer 6 and below), the blockquote, blockquote p rule
removes the pull quote background images. Also, a hasLayout bug causes the background
behind the navigation to show incorrectly. This is fixed by giving layout to the element by
way of a width value.
#navigation {
width: 100%;
}
In ie-5-hacks.css, the two rules center the layout in the browser window.
The completed layout is shown in the following screenshot.
PUTTING EVERYTHING TOGETHER
391
10
Working with style sheets for print
This chapter??™s final section briefly looks at using CSS to create a printable version of a website
layout. Printing from the Web is still a bit of a hit-and-miss affair, and even using CSS
doesn??™t solve every problem, although browser support for print-oriented CSS is improving.
If you omit a print style sheet, though, chances are the output will be significantly
worse. Browsers may have varying opinions on how to present both fixed and liquid layouts,
and you may end up with bizarre results. Most likely, however, if you omit a print
style sheet, all of the elements on your web page will just be printed in a linear fashion,
using system defaults for the fonts??”not nice.
THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN
392
In the old days (and, frankly, in the not-so-old days, since the practice somehow survives),
designers often worked on so-called printer-friendly sites, run in parallel with the main
site.
Pages:
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502