Product Overview

The Art & Science Of CSS

Corrections & Typos

Found a mistake that’s not listed here? Contact us to let us know!

Confirmed typos in the October 2007 Update

p.17, variable list

The sIFR background color variable is sBgColor and not 'sBGColor' or 'sBackgroundColor'.
p.33, p.46, CSS listing

The rule for ul.navigation does not need the float:none; declaration.
p.49, p.53, HTML listing

The DOCTYPE declaration should be <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">.
p.59, note

The AlphaImageLoader filter does not work in IE5.0/Win.
p.104, p.107, CSS listing

The rule for #nav li contains 2 margin declarations, you can safely remove the first one.
p.141, last paragraph

The term rule should be declaration.
p.145, HTML listing

The erroneous word 'element' within the <input> tag with the ID 'occupation3' should be removed.
p.172, last paragraph

The phrase "change our anchor into a block-level element" should really be "make our anchor display like a block-level element".

Confirmed typos in the First Edition: March 2007

p.25, last bullet point

The bullet point mentions the ul prematurely--it's not supposed to be in that code listing yet, but gets added to the markup later (on page 32).
p.45, code listing

#content css block has no end }
p.59, footnote

The Microsoft URL should read http://msdn2.microsoft.com/en-us/library/ms532969.aspx
p.79,80,82, code listing

ul style should be:
```
ul {
  position: absolute;
  top: 35%;
  left: 40px;
  padding:0;
  z-index: 4;
  list-style: none inside;
  width: 482px;
  height: 294px;
  margin: 0;
}
```
and the position of the ul should not be set to relative. Also all styles with the selector: #portfolio ul should instead use the selector ul
p.95, Figure 4.6

The navigation elements should not have rounded corners, as this step is covered on the next page.
p.99, code listing

text-decoration: none" should be text-decoration: none;
p.130, chapter examples

If you follow the book you may notice the result doesn't look the same in IE (more vertical space), but that the examples in the code archive look fine. The code archive style sheets contain an extra property in the ol style: zoom: 1; to fix the spacing problem in IE but this is never mentioned in the book.
p.168, 2nd last paragraph

In The sentence "The feature div, the dt, and the dd will all extend to the bottom.", 'dt' should read 'dl'.
p.190,193, code listings

The col elements are open, and should be closed. The HTML should therefore read: etc
p.201, 1st code listing

The filename is striped-png.html, not striped-ong.html. Also, the CSS selector should be tr.even td, not tr.even in order to work correctly in IE6. The same error is found in the code archive.