Firefox，Safari，Opera は IE に比べるとだいぶWeb標準に準拠してレンダリングされます。しかし，仕様に詳しく定められていないところは（追記参照）ブラウザごとのクセがあり，表示結果が微妙に違ったりします。以前，table に caption を入れたとき，margin を合わせるのにちょっと苦労した経験があったので，改めて調べてみました。

• label要素とその挙動 | Web標準Blog | ミツエーリンクス

これを読んでいて，ぼくがやっていることをちょっと紹介しようと思いました。

6月18日，Firefox 3 がリリースされました。ぼくも早速ダウンロード。

Firefox の魅力はなんといっても豊富なアドオンにあります。便利な拡張機能がたくさんあって，自分にあったブラウジング環境が作れます。

以前， CSSの初期化 というエントリを書きました。あれからいろいろと試行錯誤し，初期化ファイルがずいぶん変わってきましたので，改めて今ぼくが使っている最新のファイルを紹介したいと思います。

CSS3で定義される nth-child() 疑似クラス。これが使えるようになると，HTMLファイル，CSSファイルのメンテナスが楽になるだろうな...と思うのです。

どんな具合か，ちょっと試してみました。

見栄えに関わる部分をHTMLから分離してCSSに書いていくと，CSSの分量もかなり増えてきます。サイトの規模が大きくなったり，様々なデザインの要素が加わってくるとなおさらです。

今回は，CSSファイルをいくつかに分け，管理しやすくする方法を考えてみたいと思います。

IE との兼ね合いで，font-size は%で指定しておくのが，いちばん無難だと思うのですが，IE6, 7 にちょっと痛いバグがありました。

小さなサイズの文字が指定どおりの大きさにならないのです。

margin にはマイナスの値を入れることができます。マイナスの値を持つ margin を「ネガティブマージン」と言ったりします。

あまりむずかしくなく，すぐに使えそうなネガティブマージンを紹介してみましょう。

dl の定義リストで，dt を float させることがよくあります。このとき注意したい点をまとめておきます。

新着情報のようなところで，更新日を dt で，更新内容を dd でマークアップした場合を想定してみましょう。

• idの命名に迷ったら

このエントリで XHTML の Role属性モジュールについて書きました。似たような考え方は HTML 5 にもあります。マークアップ言語の「構造を表現する力をアップさせる」という方向性です。

ある資料をPDF版とHTML版で作成することになりした。まず作ったのは，HTML版。サーバーにアップしておけば，関係する皆さんに確認していただき，その都度ご意見や修正点をお知らせいただけます。作成・修正作業もスムーズに進むでしょう。内容がほぼ確定したところでPDF版を作ることにしました。

CSSを充てやすいHTMLと，そうでないHTMLがあることは確かです。

• ウノウラボ Unoh Labs : CSSによるデザインワークと相性のよいHTMLって？

id，class のつけ方など大変参考になるので，ぜひご一読ください。

さて，ではぼくはどうしているか，ということで，yamazakiさんと少々違う点を書いておきます。

以前，clearfix を紹介するエントリを書きました。

• clearfixでfloatを解除

float を解除しないと，float した要素を含む親要素の border や background が途中で切れてしまうことがあります。

先月，カレンダーをリストでマークアップするという記事をコリスさんのところで読みました。

• [CSS]テーブル要素を使用しないで制作するカレンダー | コリス

元記事はこちら。

• pixelspread : Tableless Calendar In Use

今，InternetExplorer6, 7を無視したサイトを作っています。Webデザインについて，ぼくが今までに得た知識や経験をまとめて講座風にしたものです。（時間があるときに少しずつ書いているので，公開はしばらく先になりますが）