WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:CSSファイル適用時のDOCTYPE宣言

0:[投稿] 花 [2003/01/11 21:00 ][環境:IE6,WINxp わからない]

HTMLファイルからCSSファイルを読み込んで適用させるようにしています。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
上記のようにDOCTYPE宣言を行うと、スタイルシートが正しく表示されません。
なぜ???


1:[回答] 平野 敬 [MAIL] [URL] [2003/01/11 21:08 ]

>上記のようにDOCTYPE宣言を行うと、スタイルシートが正しく表示されません。

そのように宣言すると表示が「正しくなる」理由ならあるのですが。

http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/Doctype-Switch_situation.html


2:[回答] --- [2003/01/12 17:58 ]

CSSがおかしいのでは。


3:[質問] 花 [2003/01/12 21:07 ]

下記のソースです。どうでしょうか?

td.1{border-top:1px solid #336699;border-bottom:1px solid #336699;border-left:none;border-right:none;padding:0.3em 1em}

td.2{background-color:pink;color:#ffffff;border:1px solid #336699}

table.1{border-style:double;border-collapse:collapse;font-size:10pt;background-color:#ffffff}

table.2{border:2px solid blue;background-color:#ffffff;font-size:10pt}

body{background-color:#ccccff;color:#0066ff;
family:monospace}


4:[回答] Characters and case [2003/01/12 22:22 ]

クラス名に使用できる文字列は次の通りです。

・a〜z、A〜Z、0〜9 の範囲にある文字
・ハイフン、アンダースコア(正誤表で訂正)
・ISO10646 で161以上(CSS1 では161〜255)のコードが振られている文字
・エスケープ文字や ISO10646 のコード番号による参照

ただし、『識別子の先頭には数字やハイフンなどの記号を使用することはできない。』

CSS1 及び CSS2 に適合したユーザエージェントならば、
「.2」等の不正なセレクタを含む規則集合全体を無視します。
特定のブラウザのエラー処理に依存しないこと。

詳細は、[CSS2勧告邦訳 4.1.3 文字と活字ケース]などを参照のこと。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/syndata.html#q4
http://www2.portland.ne.jp/~sigekazu/css/ascii.htm#escape
http://web.archive.org/web/20011031212946/http://sigekazu.vis.ne.jp/char/sjis/charset.htm


5:[回答] kei [2003/01/12 22:25 ]

DTDを読めない(そこまで勉強するつもりもない)のでただの感ですがclassにつけた"1"とか"2"などの数字で始まる名前が悪いんじゃないの?


6:[回答] kei [2003/01/12 22:27 ]

>>4
(正確に)先を越されてしまった。
おまけに勘を感とか書くし・・ハズカシイ


7:[回答] 4 [2003/01/12 22:55 ]

[補足]
先程の提示した定義は、[CSS]に於ける識別子の定義です。
HTML に於ける id属性及びclass属性の値定義とは異なることに注意すること。

詳細は、[HTML 4.01仕様書邦訳 7.5.2] などを参照のこと。
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.2
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/types.html


8:[完了] 花 [2003/01/13 00:03 ]

割り当てていたCLASS名を1→one,2→twoに変更したところ、うまく表示されるようになりました。ありがとうございました。


9:[完了] weekend with noname [2003/01/21 00:03 ]

そもそもHTML文書がValidでなければ、DOCTYPE宣言をしてはいけない。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World