スクロールバー



0   名前: あい : 2006/05/12(金) 18:22
スクロールバーのスタイルシートをつかったんですが、
スクロールバーがそのままの状態です。

<HTML>
<HEAD>
<TITLE>タイトル</TITLE>

<STYLE TYPE="text/css">
<!--

BODY {
scrollbar-face-color:#FED0E0;

scrollbar-track-color:#FFF0F5;

scrollbar-arrow-color:#FFF0F5;
scrollbar-highlight-color:#FFFAFA;
scrollbar-shadow-color:#FFC0CB;
scrollbar-3dlight-color:#FFF0F5;
scrollbar-darkshadow-color:#FFE4E1;
}

-->
</STYLE>

</HEAD>
<BODY>



</BODY>
</HTML>

こんな感じで、やったんですが、
なかなかうまくいきません。
「・・・」のところは文字を入れるんですよね?
英語で全角なのが原因なんでしょうか?
でも、半角にしてもスクrp−ルバーはそのまま・・・。
だれか原因わかりますでしょうか?

1   名前: カヅサツ : 2006/05/12(金) 18:22
該当のページの URL がわかれば、検証できるかもしれません。

2   名前: S : 2006/05/12(金) 18:22
 プロパティ一覧などを探していて気がついたのだが、scrollbarプロパティなんてW3C勧告になかったような。
#いつものパターン(事実上標準さえ勝ち取ればあとはどうでもいい)で押し切るMicrosoft社独自規格かね。

http://www.scollabo.com/banban/ref/css.html
http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
http://www.lucky-bag.com/appendix/css-property/css-property-list_ja.html

 それはともあれ、CSSの基礎については下記資料など参照。

http://members.jcom.home.ne.jp/pctips/www/cssintro.html
http://members.jcom.home.ne.jp/jintrick/Personal/CSS.html#reference
http://www.scollabo.com/banban/term/css.html
http://deztec.jp/lecture/css/

 なお、CSSは別ファイルにして、HTMLのほうからはlink要素で参照させる方が使いやすいと思う(複数の文書のスタイルを変えたくなったとき、CSSファイルのみ修正するだけですむから)。

http://members.jcom.home.ne.jp/pctips/www/csslink.html
http://www.scollabo.com/banban/lectur/style.html
http://deztec.jp/lecture/css/css_style.html

#もっとも、下は上の資料と同一サイト内だが。

余談)
http://members.jcom.home.ne.jp/jintrick/Personal/usrstyle.html

3   名前: カヅサツ : 2006/05/12(金) 18:22
> プロパティ一覧などを探していて気がついたのだが、scrollbarプロパティなんてW3C勧告になかったような。
> #いつものパターン(事実上標準さえ勝ち取ればあとはどうでもいい)で押し切るMicrosoft社独自規格かね。

はい。存在しません。
Win IE 独自拡張で、他は Opera 8 以降が対応します(ただし、デフォルトでは無視します)。

4   名前: 匿名希望 : 2006/05/12(金) 18:22
 インターフェースの見栄えなどを変える場合には慎重に。

http://nekoshiki.poke1.jp/guidline/window.html#scrollbar-color-clear
http://nekoshiki.poke1.jp/guidline/style.html
http://www.zspc.com/documents/wcag10/#gl-use-w3c

5   名前: あい : 2006/05/12(金) 18:22  [URL]  ID:zfJ5CUZ9
やっぱりムリでした・・・
ジオシティズでやっているのですが、そのせいでしょうか?
でもジオでやってる友達はできてるんです。
あきらめるしかないのかな・・・

6   名前: F ◆31IwthomhZ : 2006/05/12(金) 18:22
 サーバーがどこだろうと関係はないでしょう。
 スタイルシートとは無関係なところで記述ミスがあるなども考えられます。
(だから>>1でカヅサツさんが「該当ページのURIが分かれば検証できるかも」とおっしゃっている訳です。)
「他人が出来ているから自分も」というのは簡単には当てはまらないですよ。
 ご自分で原因を探すのでしたら、まずは文法チェッカにかけることです(ただし広告などが挿入されたリソースはなかなか合格にはならないことでしょうけれど)。

参考)
http://web.xii.jp/iec/note/checker
http://bakera.jp/html/opinion/useahl.html

7   名前: 神崎 : 2006/05/12(金) 18:22
> スタイルシートとは無関係なところで記述ミスがあるなども考えられます。
原因はこれですね。

ま、ミスといえないかも知れませんが、、、
WinXP HOME SP2 IE6(ActiveXパッチ済み)では、
DOCTYPEスイッチによりスクロールバーの表示がかわりました。

自分で調べたのは

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

だけですが、
これを書くとスクロールバーの色変更はありません。
DOCTYPEを書かないか、DOCTYPEのURLを書かない場合はスクロールバーの色が変わりました。
おそらくIEの仕様だと思いますが、
DOCTYPEの書き方により他のスタイルの指定方法がかわることがありますので、かなり注意が必要と思います。


> http://www.tagindex.com/bbs/note.html
> 回答時のお願い
> アドバイスにならないような「文句を言うだけ」の発言は、極力控えるようにしてください。
「文句を言うだけ」とは違うと思いますが、アドバイスにならない発言と思われる発言がいくつかあります。
管理者さんの立場から見られてOKかもしれませんが、私的にはこれはどうかと思います。

8   名前: 神崎 : 2006/05/12(金) 18:22
日付を見直すと結構古いですね。
No.4以前の発言は http://www.tagindex.com/bbs/note.html が現在の物に変わる前の発言かも知れません。
失礼しました。

9   名前: Pid ◆byEkK9OALr : 2006/05/12(金) 18:22
>>6
> ただし広告などが挿入されたリソースはなかなか合格にはならないことでしょうけれど

Geocities の専用 DTD を使うとか。
http://www.geocities.co.jp/Hollywood-Studio/8691/


>>7
> これを書くとスクロールバーの色変更はありません。

WinIE 5-6(7 は知りません)の標準モードでは,初期包含ブロックが body 要素ではなく html 要素になりますから,html { ... } のように指定しなければなりません。まあ,面倒なので html, body { ... } で良いでしょう。

※関連して,スクロール量を取得するときも document.body.scrollTop ではなく document.documentElement.scrollTop を見る必要があります。

ただ,>>0 の書き方だと互換モードのはずなので,実際のページを見てみないことには判断しかねますね。



あと,蒸し返すようで申し訳ないのですが,以前もありましたように,どの発言が,どのような理由で『アドバイスにならない』かを具体的に指摘して下さい。

神崎さんの言いたいことはよく分かります。ですが,『私的にはどうかと思う』で終わってしまうのでは,「チラシの裏」か「理由なき中傷」としか扱われません。非常にもったいないと思うのです。

10   名前: S ◆GiqtoOP7U. : 2006/05/12(金) 18:22
 >>2の資料で足らないなら下記を追加しておきますが。

参考)
http://members.jcom.home.ne.jp/pctips/www/concept/
http://members.jcom.home.ne.jp/pctips/www/faq/

11   名前: Z ◆XTzyosZXcL : 2006/05/12(金) 18:22  ID:v5nGHgzA
 そろそろ脱線用スレッド(http://www.tagindex.com/cgi-lib/bbs/patio.cgi?mode=view&no=146)いきとなりそうな流れですが(^^;

 公式仕様でHTMLはStrict文書型でマークアップし、CSSも公式仕様のプロパティのみ使う。
 これが「一番覚えることが少なくてよい」と私は思います。
 そして多少の解釈の違いには目をつぶる。個人サイトはこれで十分だと思います。
 また、色使いについては何かと難しいため、とくにインターフェイスに関する色を変える際には注意が必要でしょう。

 言葉遣いは違いますが、>>2や>>4の主目的はこういうことではないかなと思います。

一覧へ戻る