スクロールバーの設定が上手くいかない

[新着] Webテンプレートを仮オープンしました



0   名前: Schlaf : 2004/08/12 15:16
BODY{
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #6699cc;
scrollbar-shadow-color: #6699cc;
scrollbar-arrow-color: #6699cc;
scrollbar-track-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}

とやったのですが、スクロールバーに色が付きません。
何か設定を間違えているのでしょうか?

http://f50.aaacafe.ne.jp/~schlaf/table.html

1   名前: U D : 2004/08/12 15:48
?上手くできましたし、特に間違っていませんが。

>とやったのですが、スクロールバーに色が付きません。
「とやった」とは、それをどこに書いたのでしょうか?
具体的に教えていただくか、ソース全体を見ないと分かりません。

単純なスペルミス等では?

2   名前: モノ : 2004/08/12 18:00
>ソース全体を見ないと分かりません。

提示されてると思うんですが…。
(外部スタイルシートだから、確認に場合によってはひと手間かかりますけど)

今勉強中なのでよく理解してないんですが、
doctype宣言に関係ありませんか?
(doctypeスイッチといわれるもの)
Win2000+IE6では色は変わって見えませんでした。
ためしにページとcssファイルを保存させてもらって、
htmlファイルのdoctypeを丸ごと削除してみたら色が変わりました。

くわしい解説は識者の方をまつとして、
doctype宣言を変えてみたり、それについて調べてみたりしてみてはいかがでしょう。

3   名前: Schlaf : 2004/08/12 18:57
>doctype宣言に関係ありませんか?
>Win2000+IE6では色は変わって見えませんでした。

WinXP+IE6ではスクロールバーの色は、
ローカルでもアップロード後でも変わりませんでした。

>htmlファイルのdoctypeを丸ごと削除してみたら色が変わりました。

確かに、HTMLファイルの先頭にある
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
を削除してローカルで見ると色が変わりました。


(追記)Doctype宣言とIE6について調べてみました。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
に変更すると見えました。
IE6ではこの二つを違うものとして解釈するようです。

http://www.asahi-net.or.jp/~qn6o-mrtm/column/html/note_01.htm

4   名前: DOCTYPE! : 2004/08/13 02:31
詳しい解説は、

各UAのDOCTYPEスイッチについて - CSS Dencitie:
http://www6.plala.or.jp/go_west/nextcss/tip/doctype.htm

にありますので、ご参考に。

今回の原因はこのあたりです。

> Windows版InternetExplorerのDOCTYPEスイッチ

> 標準準拠モードではHTMLが、
> そうでない場合はBODYがキャンバスとなります。

スクロールバーはキャンバスの一部なため、このDOCTYPEスイッチの
影響を受けているのです。

・ 標準準拠モードの場合、html要素
・ 互換モードの場合、body要素

をセレクタにすると指定が反映されます。

尚、スクロールバーの色変更は、IEの独自拡張ですので、
他のブラウザで反映される保証はありません。

5   名前: Schlaf : 2004/08/13 15:34
DOCTYPE宣言はあってもなくても構わないものかと思っていました。
ちゃんとブラウザは認識しているんですね。
今まで何も知らずにDOCTYPE宣言していました。すみません。

スクロールバーの色変更のセレクタは、
標準準拠モードの場合はHTMLで、互換モードの場合はBODYになると。
勉強になりました。

>尚、スクロールバーの色変更は、IEの独自拡張ですので、
>他のブラウザで反映される保証はありません。

IE5.5以降でできるのですね。Netscapeでは反映されませんでした。
http://www.wakusei.ne.jp/tohoho/css/reference.htm#scrollbar-base-color

ということは、スクロールバーの色変更でセレクタをHTMLにした場合、
IE5.5では反映されないということになりますか。

6   名前: ばあど : 2004/08/15 23:53   [URL
> スクロールバーの色変更でセレクタをHTMLにした場合、
> IE5.5では反映されないということになりますか。
両方に指定すれば無問題。
html,body{}
どうかな・・?

> Netscapeでは反映されませんでした。
Operaだと、特殊な条件下で色が反映されたりするゾ。

7   名前: Schlaf : 2004/08/16 15:39
>両方に指定すれば無問題。
>html,body{}

ありがとうございます。問題なくできました。

>Operaだと、特殊な条件下で色が反映されたりするゾ。

Operaを持ってないので細かいことはさっぱり分かりません。
この機会にインストールしてみて、色々試してみたいと思います。

一覧へ戻る