• ベストアンサー

スクロールバーの色の変更について

パソコンによってスクロールバーの色の変更ができるのとできないのとがあるのはソースの問題でしょうか? ちなみにソースは以下のとおりです。 <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>××</title> <STYLE type="text/css"> <!--BODY{ scrollbar-face-color:#FFCECE; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; font-family: "MS ゴシック", "Osaka-等幅"; color: #660033; background-image: url(IMAGES/××.gif); }--> </STYLE> </head>

質問者が選んだベストアンサー

  • ベストアンサー
  • capelatta
  • ベストアンサー率53% (292/541)
回答No.4

スタイルシートの構文はq-tipさんが記述してくれた通りになります。 [q-tipさんありがとうございます。] <BODY>だけに指定しても、より上位にある<!DOCTYPE>でで宣言した定義にそぐわない内容は無効になる可能性があるのです。 <!DOCTYPE>の宣言に関係なく表示させるにはヘッダ情報<head></head>の中に<HTML><BODY>両方へ指定する構文を記述しておきます。 でも、これが原因とは限らないのですよね。 解決するかな?

その他の回答 (3)

  • q-tip
  • ベストアンサー率28% (2/7)
回答No.3

こんにちは。 htmlとbody両方に指定というのは参考URLにも書いてあるようにこう書きます。 ,で区切ると複数のタグに同一スタイルを適用します。 <STYLE type="text/css"> <!-- html,body { } --> </STYLE> では。

  • capelatta
  • ベストアンサー率53% (292/541)
回答No.2

ちなみにIEのバージョンによっても指定のしかたが違いますよ。

参考URL:
http://www.htmq.com/index.htm
noname#91740
質問者

お礼

作成したwebページを自分のPCで見るとスクロールバーの色が変わっていたのに、友達のPCで見ると変わっていないので、なにが原因?と思ったのです。 友達のPCのバージョンは確認しませんでした。 参考URLを見ると、「IE5.5とIE6の両方でスクロールバーの色指定を有効にするには、 <HTML>と <BODY>の両方にスタイルシートを指定してください。 」となっていました。ということは、こんな感じで2箇所にソースを入れるのでしょうか? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>××</title> <STYLE type="text/css"> <!--BODY{ scrollbar-face-color:#FFCECE; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; font-family: "MS ゴシック", "Osaka-等幅"; color: #660033; background-image: url(IMAGES/back_tubasa.gif); }--> </STYLE> </head> <body background="IMAGES/back_tubasa.gif" leftmargin="0" scrollbar-face-color:#FFCECE; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; >

  • capelatta
  • ベストアンサー率53% (292/541)
回答No.1

スクロールバーの色の変更はIEしか有効になりません。 という問題ですか? 見当違いでしたらごめんなさい。