CSS内にコメントで/* 一覧表 */と記述すると

0   名前： りんりん＠林 ： 2006/11/16（木） 17:23  ［URL］  ID:YVV5Nqaq
外部CSSファイルを使用し、HTMLを作成し、それをMac・Windowsの各種ブラウザで確認しております。
その際、MacOS9のIE(5.1）何をどうしても一部CSSが正しく表示されない箇所があり検証しております。

CSSを書き換えたり、追加したり他のIDを当ててみたりいろいろ試した結果、どうやらコメントで「/* 一覧表 */」書いた箇所の直下のCSSが正しく適用されないようなのです（下記のソース参照）。
この「一覧表」を違う文字列に変えると正しく適用されるのですが・・・。
こんなことってあるのでしょうか？他の方はどうなのかお伺いしたいです。
（ブラウザのバグ等であれば、覚書しておきたいので・・）
ご指摘・報告等含め、どうぞよろしくお願いいたします。

----以下外部CSSファイル内----

/* 一覧表 */
#list{
width:500px;
border:1px solid #CCCCCC;
padding:0px 0px 0px 0px;
margin:0px 0px 15px 0px;
}
（この下にth,tdのclassがいくつか書かれています）


----以下HTML内----

<div id="list">
　<table width="100%" border="0" cellpadding="0" cellspacing="1">
　　<tr>
　　　<th class="point">項目5【<a href="#">▲</a>&nbsp;<a href="#">▼</a>】</th>
　　　<td class="submit">&nbsp;</td>
　　</tr>
　</table>
</div>
1   名前： DS ： 2006/11/16（木） 17:23  ID:N0bKtyKT
CSSファイル先頭で文字コードを２つ指定していますが、
１つ消してみるとどうなりますか？
2   名前： 匿名 ： 2006/11/16（木） 17:23  ID:j36raH3R
テーブルのCSS設定はテーブルでやるのがいいのじゃあるまいか。
3   名前： りんりん＠林 ： 2006/11/16（木） 17:23  ID:YVV5Nqaq
さらに検証続けました。
どうやら「表」という漢字がだめなようです・・。

＞DS様
CSSファイルの文字コードを削除したのですが、変わりありませんでした；；片方だけ消すのも試してみました。

＞匿名様
CSSとHTMLの一部で分かりにくく申し訳ございません。
テーブル以下に一括装飾をするため（他にもコンテンツが色々入ってまして）、IDでくくりました。

PerlやPHPでプログラム中に書いてあるとエラーが起きる漢字があるのですが、もしかしたらそれなのかも・・と思い始めました（確か昔「表」という漢字の前に「￥」をつけた気が）。
でもMacのIEだけというのが不思議で＾＾；
4   名前： Z ◆XTzyosZXcL ： 2006/11/16（木） 17:23  ID:m5yPteAd
　問題のページを拝見してみたのですが、LINK要素で読み込ませているCSSのうち、

※管理者により削除※

が見つかりませんでした（404エラー）ので、この行を外してみるか、「html.css」をWWWサーバにPutして、かつ、

※管理者により削除※

の「@charset "euc-jp";」を削除してみてはいかがでしょうか（Windowsのメモ帳でCSSに記述された日本語が普通に読めますのでCSSの文字コードはシフトJISであろうと思われます）。

参考資料：
http://www.mozilla.gr.jp/standards/webtips0023.html

　あと、本題からはそれますがHTMLの文字コード宣言も、最初に当該コードの文字列が登場するより（TITLE要素で日本語を使ったり、META要素でname属性を使ったりするより）先に記述した方がよいです。

参考資料：
http://www.mozilla.gr.jp/standards/webtips0022.html

その他参考になりそうな資料：
http://guide.g.hatena.ne.jp/sugio/19090110

お奨めの文法チェッカ：
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
5   名前： 匿名 ： 2006/11/16（木） 17:23  ID:PLiFjqhZ
>erlやPHPでプログラム中に書いてあるとエラーが起きる漢字があるのですが、もしかしたらそれなのかも・・と思い始めました（確か昔「表」という漢字の前に「￥」をつけた気が）。

MacIEは*/の前に＼があると*/をコメントの終了と見なさないバグがあります。
http://www6.plala.or.jp/go_west/nextcss/tip/tech/css_hack.htm
6   名前： りんりん＠林 ： 2006/11/16（木） 17:23  ［URL］  ID:YVV5Nqaq
＞Z様
は！！！！URLを間違っておりました；；
申し訳ございません、皆様に勘違いさせていしまいました・・・。
改めて、問題のページのURLを記載します。
http://www.k-jouhou.info/~kanri-gamen/design/001/d-Blue-01/
CSSはこちらです。
http://www.k-jouhou.info/~kanri-gamen/design/001/d-Blue-01/style.css
現在、とりあえずの回避策として「表」をひらがな表記しております。

ひ、ひ、ひ、非常に申し訳ございません！！！

----以下外部CSSファイル内----

/* 一覧表 */
#list{
width:500px;
border:1px solid #CCCCCC;
padding:0px 0px 0px 0px;
margin:0px 0px 15px 0px;
}
（この下にth,tdのclassがいくつか書かれています）


----以下HTML内----

<div id="list">
　<table width="100%" border="0" cellpadding="0" cellspacing="1">
　　<tr>
　　　<th class="point">項目5【<a href="#">▲</a>&nbsp;<a href="#">▼</a>】</th>
　　　<td class="submit">&nbsp;</td>
　　</tr>
　</table>
</div>
7   名前： りんりん＠林 ： 2006/11/16（木） 17:23  ID:YVV5Nqaq
＞Z様
追加です。

お奨めの文法チェッカ：
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

なのですが、以前からこのサイトを利用しているのですが、ここ最近ずっと、チェックボタンを押しても動かないんですよね。
みなさんは動いていますか？

＞匿名様
「＼」は半角のバックスラッシュですよね？
CSSハックで使われているのをみかけます。
8   名前： モノ ◆FcF5r3w5UF ： 2006/11/16（木） 17:23  ID:im8zfbtv
>チェッカ

私の環境ではどのチェックも特に問題なく動作しています。
9   名前： えじ ◆HtEaXt.II9 ： 2006/11/16（木） 17:23  ID:WP1ytrfY
>チェッカ

うちの環境では403エラーが出ちゃいますね。（半月ぐらい前からでしょうか）
なので、一時的に↓こちらを使わせてもらってます。
http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
10   名前： カヅサツ ： 2006/11/16（木） 17:23  ［URL］  ID:O5hEMlpW
> http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

特に問題なく動作しています。
11   名前： Z ◆XTzyosZXcL ： 2006/11/16（木） 17:23  ID:m5yPteAd
>>7-10
>>4の方は「MSIE4.0用にDynamicHTMLを用いたゲートウェイ」で、「2006/06/01」に「DynamicHTMLのJavaScriptを調整」されているので、それが原因かもしれませんね。>>9の方が多環境向けだと思います。失礼しました。

>>6のCSSについても、>>4であげた資料のようにCSSの先頭に文字コードを指定（今回は多分シフトJIS）してみてはいかがでしょうか。

　また、>>6のHTMLの方においても、META要素のhttp-equiv属性において指定しているcontentプロパティ（という呼び方でよかったかな(^^;）が「application/xhtml+xml」であることも、MacOS用IE5.xでうまく処理できない原因と思われます。

Another HTML-lint 結果の解説：
http://htmllint.itc.keio.ac.jp/htmllint/explain.html#conflict-mime

参考資料の一例（google検索キーワード「Mac IE XHTML content」）：
http://fumika.jp/nikki/2004/02/xhtml

＃でも神崎正英さんの資料では「5以降なら問題ない」（http://www.kanzaki.com/info/xhtml-q.html）という記述が・・・うーん、どれが正解でしょう(^^;
12   名前： 匿名 ： 2006/11/16（木） 17:23  ID:i4s77xzC
>>3
> どうやら「表」という漢字がだめなようです・・。

既出だけど、文字化けしてコメントが閉じなくなったとかじゃないのかな。
「表」はShift_JISで注意すべき文字の一つだけど。


ついでに、>>11で触れられているが、application/xhtml+xmlの文書にmeta要素を書いてはいけない。
というより、書く意味がないから無駄だぞ、とW3Cから注意（勧告ではない）が出ている。
XHTMLだけどtext/htmlでパースさせるのであればmeta要素を書くべきだけど。
http://www.satoshii.org/spec/xhtml-media-types/latest

# HTMLの場合はpropertyではなくattributeだね。
13   名前： りんりん＠林 ： 2006/11/16（木） 17:23  ID:YVV5Nqaq
META要素のhttp-equivの件、ありがとうございます。
なんと、だめなんですか！？
・・・実は私が買ってきた本に、

---
文字コードセットについては、すでにencoding属性で設定済みなので、meta http-equiv="content-type" で指定してしなくてもよいが、一部のブラウザでは文字化けを起こす場合があるので、meta http-equiv="content-type"でも指定しておいたほうがよい
---

と、書かれていたのです。
うーむ、困った本かもしれないですね・・・。
明日にでも、該当のMETA要素を取って検証してみます。
14   名前： Z ◆XTzyosZXcL ： 2006/11/16（木） 17:23  ID:m5yPteAd
>>13
　できましたら、下記スレッドで（私以外の方が）出している意見についてもご確認いただき、今後の参考にして頂ければと思います（既にご存知でしたらスルーしてください）。

http://www.tagindex.com/cgi-lib/bbs/patio.cgi?mode=view2&f=146&no=99-105
15   名前： りんりん＠林 ： 2006/11/16（木） 17:23  ID:YVV5Nqaq
＞Zさま
MacIE5.1の件、私もいろいろ考えております。
周辺はOSXが多くなり、classicユーザーは減っております。
しかしながら、今現在有るWEB会社やデザイン会社はPhotoshopやIllustratorのバージョンがOSXに対応していないため、classic環境（OS8.6）が多いようです。
かくいう私もclassicなのですが・・・（OS9にしたけど8.6のほうが優秀ですね！！）。
使っている本人がココにいるため、MacIE5.1ははずせれない環境となっています。
手間は手間ですが、classic・OSXと含めて本来ならテストすべきだなあ・・と思います。
OSX嫌いの私はOSXのテストは省いてますがｗｗ
16   名前： ごつ ： 2006/11/16（木） 17:23  ID:TbX6QzTQ
バックスラッシュによるcssハックはご存知だとして

バックスラッシュのShift-JISコード0x005cと
「表」の文字のShift-JISコード0x955c

の最後の5cの部分をMacIEはバックスラッシュとして認識してしまうようです

解決策は
Shift-JIS　を使わない
コメントに日本語は使わない
気をつけてその文字を使わない

のどれかでいけます

ちなみに他にも

「噂欺圭構蚕十申曾箪貼能暴予禄兔喀媾彌拿杤歃濬秉綵臀藹觸軆鐔饅鷭」

の文字は最後が5cなので使わないほうが良いです
17   名前： 匿名 ： 2006/11/16（木） 17:23  ID:Tv3SVOHh
ぜんぜん本質的な解決じゃないですが、開発時はコメントを日本語で書いておいてサーバにアップする際にエディタのマクロとかでコメント消したらどうでしょうか？
18   名前： のっと ： 2006/11/16（木） 17:23  ID:943Mtr/I
>>17
それだったら UTF-8 なりで、 Shift_JIS 以外のキャラクターセットで保存する方がずっと楽だと思うのですが。
一覧へ戻る