ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

CSSコミュのIEでは適用されるのにfirefoxだとCSSが一部適用されません

  • mixiチェック
  • このエントリーをはてなブックマークに追加
環境winXP ブラウザfirefox

url:http://www.lcv.ne.jp/~tktktkjp/testing/karikatakaeshikata.html
IEでは適用されるスタイルシートがfirefoxだと適用されません。
なにがいけないのでしょうか?
35日という部分がfirefoxだとcssが適用されません。
html
<div class="35">35日</div>
css
.35 {background-color:#ff00ff;
color:#ffffff;
text-align:center;
width:14em; }

コメント(183)

・Doctype宣言により、IE6も数値セレクタを無視する
・(旧IEシリーズの)後方互換性の為に、同宣言によっては
  数値セレクタを無視しない動作をする仕様とした

と早い段階で回答が返っています。
後方互換を意図して残した仕様ならバグじゃないでしょう。

旧来のIEのバグを指しているならバグですが、現在のIE6以降は
標準準拠モードにおいて適切に動作するから「IEのバグ」という
ワードだけでは”嘘”になります。

質問者の環境(IE6以降)を考慮すれば、今回の質問の件
(なにがいけないのか)の回答は

・DTDのURLを設定し標準準拠モードとなるDoctype宣言をする
 その状況で確認をする。
・もし数値セレクタを用いたいのならバックスラッシュを。

という、既に他の方が回答した修正案が適切だと思います。
質問者はどうしたら直せるのか解法を知りたいのですよ

そんな初歩的な意図も汲み取れないで自動応答ばかり繰り返す
コミュケーション能力のない奴はぼけ。
>145 ロッカーさん
ばっちり見落としてました。
すんません。ボケです。
スッキリしました。
ありがとうございます。
>>152
「IEのバグ」と連呼してるぼけがいますが;-)

CSSの仕様に置いても、バックスラッシュを用いた
宣言ならば仕様どおりなのでバグじゃないです。
CSSの仕様上存在しないプログラムの参照、という一点において誤記によるバグ、ということですか?
>>わたしは一貫してバグだと言ってますよ。
>
>そうか?「バグ」といってないところもあったぞー
>じゃあ、とりあえず「バク」といってたところを直して統一して
>おいてくれ。
>話はそれからだな。

この流れワロタwwwwwwwww
すみません。プログラムじゃなくてセレクタです。
CSSの仕様上数字で始まるセレクタは無視されなければならない(=存在しない)のにそれを有効なものとして参照してしまう、ということで誤記によるバグ、ということでしょうか?

…違うのかな
ああ、今度こそスッキリした。
ありがとうございました。
>46が29を受けてるのぐらいわからんのかよ。

把握したw
わかんねーよww

でもじゃあやっぱり一貫してねーじゃんwww
>ってまだわかってないのでは?

何について言われているのかがわからんww

バグの件か?w
バクの件か?ww
IEの独自拡張だと考えればいいんでわ。
自分用にまとめ

>>1-3 親切な回答
>>4 感謝と誤解
>>5-9 適切な指摘と誘導
>>10 寝た子を起こす
>>11- おなじみの展開

「数字から始まるclass属性値」の話は、idやnameと混同しやすいかも。自分もそうだったし。
http://www.w3.org/TR/html401/types.html#type-cdata

--

>>173に触発されてみた。コミュ趣旨と違うけど。

javascript:L=window.prompt("who?");A=doc
ument.getElementsByTagName("a");P="show_
friend\\.pl\\?id=[0-9]+";for(i=A.length-
1;i>=0;i--){if(A[i].href.match(P)!=null
&& A[i].innerHTML==L){t1=A[i].parentNode
.parentNode;t2=function(){t=t1;while(t.n
extSibling.nodeName!="TR"){t=t.nextSibli
ng;};return t.nextSibling;}();t1.parentN
ode.removeChild(t1);t2.parentNode.remove
Child(t2);};};window.focus();
IEが中途半端に標準準拠モードと互換モードを内包しているのが問題。
> 120: やぴさん(2006年11月30日00:06)
> の引用はW3CのCSSに関する最新勧告より古く最近の状況に反映したものとは言いがたいようです。メンテナンス性が考慮されてるとは思えません。
> idなら固有(ワンタイム)なもの、classならできるかぎり小さい範囲での使いまわし(繰り返し)が誰にもわかりやすくメンテしやすいとおもいますけど。

idとclassは明らかに性質が違います。
それを「メンテナンス性」など訳のわからぬ指標で使い分けるからおかしいんですよ。文書構造として何が適切なのかという話になんで「メンテナンス性」が関係あるんですかね? そのあたりについてもうちょっと説明してください。
> 121: うづ@レスしづらいさん(2006年11月30日00:25)
> IDは基本的に間取りのような部分
> mixiのこの画面で言えば、ヘッドとコンテンツ左側&右側とフッターなどにあたります。
>
> クラスはもっと細かい部分です。
> 「書き込み」「新しく書き込む」の茶色い角丸あたりとかに適用されると思います。

ぜんぜん違います。
http://deztec.jp/x/01/tips/page/p0045.html
が良いドキュメントなので読んでおくといいです。
> 120: やぴさん(2006年11月30日00:06)
あと、やぴさんはCSSに囚われすぎだと思います。HTMLとか文書構造とかの話をしているのにCSSという単語がでてくるのはちょっと違和感あります。まずは別けて考えれるようになった方がいいと思います。

ログインすると、残り168件のコメントが見れるよ

mixiユーザー
ログインしてコメントしよう!

CSS 更新情報

CSSのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。

人気コミュニティランキング