Product Overview

HTML Utopia: Designing Without Tables Using CSS, 1st Edition

Corrections & Typos

Find a mistake not listed here? Contact us to let us know!

Got the 2nd edition? See corrections to the 2nd edition here.

Confirmed typos in the May 2005 reprint:

Some of the errors listed here may also apply to the previous edition (see below), although page numbers may differ slightly.

• p.106 paragraph 2
  20% should be 10%.
• p.297 paragraph 2
  Aural style sheets are for people with vision impairment, not hearing loss.
• p.332, 381, 428, and 456
  The descriptions of the bottom, left, right, and top properties incorrectly state that an absolute-positioned element is placed relative to "the content area of the element's nearest ancestor that has a position property value other than static". In fact, it's the padding area of this ancestor that is used, not its content area. So if an element is absolute-positioned to left: 0 and top: 0 inside an element with 10 pixels of padding, the positioned element will display 10 pixels above and 10 pixels to the left of the content inside the padded element.
• p.427 code listing 2
  In the example, pitch-range should be richness.

Confirmed typos in the December 2004 reprint:

Some of the errors listed here may also apply to the previous edition (see below), although page numbers may differ slightly.

• p.82-83
  The Netscape DevEdge site mentioned here is now closed. You can still access its content through the Internet Wayback Machine (main site, redesign article, ESPN interview).
• p.137 code listing 1
  This script may be improved by avoiding the use of the window.onload event handler, which can cause it to conflict with other scripts:

  function initLayout()
  {
    xAddEventListener(window, "resize", adjustLayout, false);
    adjustLayout();
  
  }
  xAddEventListener(window, "load", initLayout, false);
  </script>

Confirmed typos in the August 2004 reprint:

Some of the errors listed here may also apply to the previous edition (see below), although page numbers may differ slightly.

• p.135 paragraph 3
  The latest version of the X script from Cross-Browser.com has been split into multiple JavaScript files. Instead of simply including x.js, you must now include x_core.js (which contains xHeight() and xShow()) and x_event.js (which contains xAddEventListener()):

  <script src="x_core.js" type="text/javascript"></script>
  <script src="x_event.js" type="text/javascript"></script>

• p.197 paragraph 1
  The footnote marker at the end of this paragraph divides the word "model", when it should appear after the word.

Confirmed typos in the September 2003 reprint:

Some of the errors listed here may also apply to the previous edition (see below), although page numbers may differ slightly.

• p.21 paragraph 3
  Spurious comma after "Chapter 2".
• p.133 paragraph 2
  Should read "The result is shown in the second screenshot in Figure 6.5."
• p.154 paragraph 1
  The clear property is already covered earlier in the book, not in Chapter 7.
• p.364 last paragraph
  "font-size-adjust" should be in a monospaced font, as it is a CSS property.

First Edition: May 2003

Confirmed typos in the May 2003 First Edition:

• p.44 paragraph 3
  Though it says so here, the Recommended Resources section does not list any sources of sniffer scripts. One such resource that we recommend is HotScripts.com's browser-based redirection scripts.
• p.62 code listing 2 and following paragraph
  This example is a little unclear, and mentions a nonexistant p₅ element. The following alternative better illustrates the point:

  The following style rule:

  body > p {
    font-weight: bold;
  }

  will not apply to the p₂, p₃ or p₄ elements in Figure 3.1 because these paragraph elements aren't children of a body element. Even though they are descendants of body, they are not children. Only p₁, which is a direct child of the body tag, will be affected by the rule.

• p.83 paragraph 4
  The URL http://www.footbagfreaks.com/ is hyphenated, but shouldn't be. The URL is not http://www.footbag-freaks.com/.
• p.84 last paragraph
  "Reccomendatons" should be "Reccomendations".
• p.113 last paragraph
  "it's positioning context" should be "its positioning context".
• p.115 code listing 2
  Both occurrences of class="firstDiv" should be class="bigTitle".
• p.118 Figure 5.22 caption
  Caption should be "Demonstration of Basic Three-Column Layout".
• p.118 last paragraph
  Should read "Here's the HTML for the page in Figure 5.22."
• p.121 Figure 5.23
  This screenshot is missing the top margins on the left and right columns.
• p.122
  "choose on option over the another."
• p.124 paragraph 5
  The box model bug is discussed in Appendix C under width, not in Chapter 12.
• p.144 paragraph 2
  Should read "is shown in Figure 6.15."
• p.145 paragraph 1
  All three occurrences of z-order should be z-index.
• p.151 last paragraph
  Should read "brings us to 78% of the space spoken for."
• p.162 paragraph 6
  The About.com color wheel article is no longer available. A good alternative is the article Color Theory Basics, by the makers of a program called Color Wheel Pro.
• p.178 paragraph 6
  Should read "In reality, the font size will be 1.5 times that of the parent element..."
• p.220 code listing 1
  margin:0px; should be margin:0; in the style attribute of the second h1 tag.
• p.272 paragraph 1
  Obviously, the background of the page is a fisherman (specifically, cover designer Julian Carroll!), not the Big Ben clock tower.
• p.333
  In addition to the information in the "Compatibility" section here, the following should be noted about Opera's support for the clip property:

Opera clips only the "rendered content" of the element (not its background), but this is actually correct according to the CSS2 spec!

• p.479 paragraph 2
  The "Compatibility" section of About.com is no longer available.