このエントリーは以下に移設しました。
http://kngsmym.com/blog/2006/09/post.html
自分用メモ
CSSでリストタグのliに指定したフォントサイズが、bodyに指定した（指定していない場合はデフォルトの）フォントサイズよりも小さい場合、IEではliの行間はbodyに指定したフォントサイズに依存する為、行の上部にフォントの縦ピクセル数の差分だけ余白ができる。liタグに対して明示的にline-heightを指定することで回避可能。たとえばline-height:1em;など
定義リストのdtやddだと、同様の状況でもこの現象は起こらない。
以下追記は個人的独り言です。
これがわからなくて、謎の余白を埋める作業で午前中をつぶしてしまいました。バグか仕様かわからないですがちょっと挙動として納得いかないですね。『CSSバグ辞典スレッド』の要約あたりをよく読んでればいいのかもしれないですが、ここも少し日付が古くて今は改善されているものもあるだろうし、今から全部を把握するのは僕には無理だなあ。
そもそもブラウザ間でCSSの解釈に差がありすぎますよね、その上CSSハックはIE7ではある程度動かないことが公式に発表されていますし、そう言えば昔覚えた知識で今使えないものって結構あります。僕らの覚えた知識は覚えた後ろのほうから段々と消えていく仕様になってますね。
FlashやDreamWeaverを見てると思うんですが、苦労して覚えたスクリプトなどを駆使した自分的マル秘テクニックもバージョンアップのたびにビヘイビアになってあっさり誰でもできるものとなってます。覚えた分の苦労がそこでクリアされてしまう。
そうすると努力の量と、蓄積していく知識の量とか引き出しの数が比例していきませんよね、なんだか折り合いが付かない。これからもきっと大変だ。難儀な職業を選んでしまったものです。
このエントリーは以下に移設しました。
http://kngsmym.com/blog/2006/09/dreamweaverflash.html
