「実践 Web Standards Design」再読中。

[楽天] [Amazon] [bk1]

一読して理解できるほど頭の出来が良くないもんで現在再読あんど精読中。

で、ちょっと気になった点があったのであげておきます。
2007 年 3 月 21 日時点で九天社 : 実践 Web Standards Design Web標準の基本とCSSレイアウト&＆amp;Tipsの正誤表に載っているものは除いてあります。

まず、「実践 Web Standards Design」p.133

/* h2レベルの見出しを含むセクション */
div.section {
	margin: 0;
	padding: 0;
	background-color: #eee;
}

background-color: #eee; が抜けてます。（九天社 : 実践 Web Standards Design Web標準の基本とCSSレイアウト&＆amp;Tipsで配布されてるソースには書いてある。）

p.134 の計算式

760px - (38 * 2 + 5px * 2 + 38px *2 ) = 606px

この計算だと606px じゃなくて 598px ですよね？
というか、そもそもこの計算で出てくるのは内容領域の幅であって、div.section の幅は、包含ブロックの760px - 左右マージン38px- 左右ボーダー 5px つまり

760px - (38 × 2 + 5px × 2 ) = 674px

だと思ったんですが。「dic.section の幅」が指すものを私はなんか勘違いしてるかなぁ？

あと、同じページの下の図に関して

• パディングは 38px → マージンは 38px
• #ccc は 598px →　#ccc は 674px

だと思うのだけど。なんか、私よりもWebデザインに詳しそうな方々の感想でも指摘されてないので、私が何か思い違いをしてるのかな？ とか思ったりもしたのだけれど、詳しい方々はこういう基本的な話は読み飛ばしてるんだ！と思うことにして書いてみた。まぁ、間違ってても、私が恥をかくだけの話だし。

ところで。ソースに関しては、紙媒体で見てると分かりにくいところもあるので、九天社のサイトからソースをダウンロードしてきて、XHTML はディスプレイに表示しながら手元の本で CSS の解説を見てたんですが。

• 九天社 : 実践 Web Standards Design Web標準の基本とCSSレイアウト&Tips
  • 6.2 接合レイアウトで情報を整理したプログページの制作

のソースがダウンロード出来ません。

• TB先 : hxxk.jp - [PR] 実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips まとめページ

あ、ソースに関しては九天社にメールした方が良いのかな。