css"
?? media="screen" />
Within the comments, lte IE 6 means ???less than or equal to Internet Explorer 6,??? so anything
added to ie-6lte-hacks.css affects Internet Explorer 6 and below; lt IE 6 means
???less than Internet Explorer 6,??? so anything added to ie-5-hacks.css affects versions of
Internet Explorer below 6. An alternate way of attaching a style sheet for Internet Explorer
5 would be to use the syntax if IE 5. Since the cascade still affects the rules within style
sheets attached inside conditional comments, it makes sense to fix things for Internet
Explorer 6 and below first, and then work backward to Internet Explorer 5.x to fix the few
remaining things that need sorting out.
Note that the preceding code block also includes a link to a print style sheet??”print style
sheets are covered in Chapter 10.
Let??™s now examine the example from earlier, which has the following code hack to deal
with the box model issues that affect versions of Internet Explorer below 6:
.box {
padding: 20px;
width: 340px;
voice-family: "\"}\"";
voice-family: inherit;
width: 300px;
}
When using conditional comments, you??™d make the rule in the default style sheet clean,
with no hacks:
The advanced boilerplates from the download files (in the advanced-boilerplates
folder) include the preceding code block.
Pages:
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460