#wrapper {
width: 700px;
margin: 0 auto;
}
Solution: A workaround for this problem is to use the text-align property to align everything
within the page body centrally. You then set the alignment back to the default of
left in your wrapper (or wrappers, if you??™ve used more than one). If you??™ve used
other/additional layout elements that have been centered (e.g., if you have separate masthead,
content, and footer containers, rather than your entire page structure placed within
a single wrapper), those elements will also need the text-align: left override.
body {
text-align: center;
}
#wrapper {
text-align: left;
}
The text-transform bug
Problem: The browser ignores a text-transform value if line-height is defined in the
same rule.
h1 {
font: bold 1.2em/1.4em Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
Solution: Reconfirm the text-transform value in the style sheet linked via a conditional
comment.
h1 {
text-transform: uppercase;
}
Font-size inheritance in tables
Problem: When using relative units, text within table cells may be displayed at the wrong
size (too large).
Solution: Set font-size to 100% in a table rule in a style sheet linked via a conditional
comment.
THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN
360
table {
font-size: 100%;
}
Common fixes for Internet Explorer 6 and 5
Internet Explorer 6 was a step up by Microsoft, away from the disaster (from a standards
point of view) that was Internet Explorer 5.
Pages:
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464