スタイルシート：不正規なクラス名

　追記・補注の書式を統一したい。要件は（１）スタイルシートＯＦＦでも本文部分と区別がつくこと、（２）できるだけ“正しいＨＴＭＬ”から逸脱しないこと。いろいろ試してみた。

追記　テスト１:これは<DIV>で括ってスタイルシート指定したもの。スマートかつ正しいやり方だが、これのみだとスタイルシートＯＦＦで閲覧した場合、本文と区別がしにくい。文頭に追記と入れればＯＫか。

MSIE Ver.6 ではここから下の左端の文字が欠ける。（ネスケ４やMSIE4では異常無しだった）
（2003-03-04 対策済み）

追記　テスト４：リスト用タグをスタイルシート指定した<DIV>で括ったもの。ＭＳＩＥ４ではテスト２と同じになる。ネスケ４ではテキストの後に余分な空白行が入る。

テスト３は問題無いがテスト４でもテスト２と同様の「左端欠け」現象が発生する。

結論
<BLOCKQUOTE>を引用以外の用途に使うのが後ろめたいというなら、テスト２～４のようにリスト用タグをインデントに利用する手も不可である。妙なアガキはせずに<DIV>を使うべきか。

2003-02-08 追記

ＭＳＩＥ６ではテスト２とテスト４で異常が発生する（それ以降の部分の左マージンがおかしくなる）。<DIV>で囲ってあるこの追記段落も、影響を受けて左端がボーダーラインに重なる。ちょっとアレコレしてみたが原因不明。とりあえずメモ。

下の「不正規なクラス名」の表示例も、ＭＳＩＥ４とＭＳＩＥ６では食い違っている。BLOCKQUOTE内のテキストの左端が枠からはみ出しているのは上に書いたテスト２、４の影響だろうが。

おや。この追記を書き加えたことで左端の文字欠けがさらにひどくなった。

2003-03-04 追記

左端文字欠け現象はスタイルシートのBODYに padding 指定を追加して対処。<DIV>と<BLOCKQUOTE>で文字がボーダーラインに重なる問題もpaddingの値を適宜増加して対処（いかにも泥縄だが）。

paddingの値を大きくした影響で、この下の「<SPAN CLASS=...>で正しいクラス名を使った場合」の例文は行の重なりが顕著になっている。（MSIE ver.6 とOpera ver.6.03で確認。ネスケ４ではSPANもブロック要素と同じ流儀で表示するため行は重ならない。）

不正規なクラス名

クラス名の先頭はアルファベットでなければならない。数字で始まる不正なクラス名を使った場合はどうなるか。（私がハマったドツボの記録）
（この項は、2001年３月26日のページ製作メモのためのメモである）

●<SPAN CLASS=...>で使った場合
ＭＳＩＥ４ではフォントサイズ・背景色の指定が有効、マージン・ボーダー指定は無視される。ネスケ４では指定はすべて無視される。

◎<SPAN CLASS=...>で正しいクラス名を使った場合
ＭＳＩＥ４では上と同じ。ネスケ４ではマージン・ボーダーも含めすべて有効となる（<DIV CLASS=...>で使った場合とまったく同じになる）。

結論
無難なクラス名にしておけば余計な苦労は回避できた。その場しのぎの定義を継ぎ足しているから原因特定に手間がかかった。反省。

スタイルシートのテスト