WEB相談室

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

タイトル:CSSクラス名のアンダースコア

0:[投稿] しのはら [2002/06/03 00:02 ][環境:WIN+IE WIN系+OTHER]

初めまして。しのはらと申します。
ちょっとどうしても分らずに投稿させて頂きました。
CSSを多用してサイト作成をしているのですが、
MAC IE5.?を使用している人から、表示が崩れてまったく読めない
と言われてしまいました。

ソースを見直してみましたら、CSSのクラス名にアンダースコアを
使用している箇所がありまして、
ちょっと調べてみましたらアンダースコア入りのクラス名は使用
できないとか…。
でも、私の環境(WIN IE5.5)ではちゃんと表示できています。
MAC IEでの表示が崩れているのは、ブラウザのバージョンなどの
せいではなくて、アンダースコア入りのクラス名のせいなの
でしょうか?手近にMACの環境がないので確認するすべがありません。

ソースを一応記載します。(本文は省略してます)
引用のしかたが悪かったらご指摘ください。
よろしくお願いいたします。

<!--CSS定義部分-->
DIV{clear:both;float:right;}
TABLE.tbl_atr1{width:480px;float:right;}
TD.td_atr1{padding:12px 24px;background-color:#ffffff;
        color:#324b69; font-size:12px;}        
P.atr1{font-size:10px ;}
BODY{background-color:#4b6473;}

<!--以下BODYタグ内>

<IMG src="title.gif" width="100" height="30" border="0"><BR>
<DIV>
<TABLE class="tbl_atr1" width="360" border="0" >
 <TBODY>
 <TR>
 <TD class="td_atr1">
 <P class="atr1">
  ****文章****
</P>

 </TD>
 </TR>
 </TBODY>
</TABLE>
</DIV>


1:[回答] TOM neko [2002/06/03 00:43 ]

クラス名のアンダースコアのせいで乱れた事はないですね。
規格上使えませんが、実装的には使えているようです。
Mac IE 5.1.4で上記をコピーして見てみましたが、これだけでは、乱れているのかどうかわかりませんでした。
どこが、どのように乱れるんでしょう。


2:[質問] しのはら [2002/06/03 01:17 ]

TOM nekoさん早速ありがとうございますー。
表示崩れは、
「左上の画像しか表示されないで、文章などまったく表示
されない」というようなことでした…。

なので多分、TDの「background-color:#ffffff;」の
指定がきかず、BODYの背景色とTDの文字色が似てるので
文章が背景色に埋もれてるのかな…と思ったんですが
そうなっても判別できないほどではないですね…。
(その前にcolorの指定もきかないで文字は黒に
なりますし)

TABLEもその中に書いてある文章も表示されないというのは
どうにも納得いかないような…。


3:[関連] ween [2002/06/03 08:02 ]

>>1
> 規格上使えませんが、実装的には使えているようです。
CSS2 の場合は仕様側のエラーとして修正されています。
http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html#x3


4:[関連] ma-to [2002/06/03 14:37 ]


>>1

別のスレッドで話が通じなかったので、おせっかいにも無用の薦め。

常時接続じゃあない接続に固定してあるマシンは全て

    use LWP::Simple;

    mirror ..;

とかなんとかしてerrataなどのアップデイトしている。
1もいかが?


5:[回答] TOM neko [2002/06/03 15:04 ]

>>2
「****文章****」は見えてます。
表示されないと言えば、OS XでIE5を使ってると、時々ページの一部が消える事があります。スクロールして一度表示の外に出して戻すと復活するし、同じページでも、いつも見えなくなるわけでもありません。CSSとの関係は不明です。

>>3
そうでしたか。「_」が使えないなんて変ですからね。


6:[保留] しのはら [2002/06/03 19:50 ]

ありがとうございます。
>>5
そうですか…見えてますか。何が良くないのかわかりませんが
全く、TABLEとその中の文章が表示されないらしいのです。一度
だけではなく。最悪の場合、怪しい箇所(?)はCSSを外してタグのみ
にする事も考えてます。CSS使いたいけど、仕方ない…。


7:[回答] TOM neko [2002/06/03 20:11 ]

>>6
なんとなくですが、floatが怪しいですね。あとはtableとCSSの相性。


8:[質問] しのはら [2002/06/07 09:58 ]

すみません、しのはらです。
タイトルの質問内容と違ってきてるとは思うんですが、
TABLEが表示されない(と言われる)原因が、TOM neko様の仰るように
FLOATあたりかな?といろいろ検索かけて調べてみましたら、
FLOATを指定した要素には、同時にWIDTHで横幅を指定
しないとWIN IEとMAC IEでは表示が異なってくる、というのが
見つかりました。これがあてはまっているんでしょうか。

なので、とりあえず、WIDTHを指定してみたりFLOATだけはずしてみたり
してみようと思ってます。
(最初に載せたソースのレイアウトなら別にFLOAT使わなくても
 いいんですが、他のページでも使ってるので…)

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World