- ベストアンサー
スクロールバーの色の変更について
パソコンによってスクロールバーの色の変更ができるのとできないのとがあるのはソースの問題でしょうか? ちなみにソースは以下のとおりです。 <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>
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
スタイルシートの構文はq-tipさんが記述してくれた通りになります。 [q-tipさんありがとうございます。] <BODY>だけに指定しても、より上位にある<!DOCTYPE>でで宣言した定義にそぐわない内容は無効になる可能性があるのです。 <!DOCTYPE>の宣言に関係なく表示させるにはヘッダ情報<head></head>の中に<HTML><BODY>両方へ指定する構文を記述しておきます。 でも、これが原因とは限らないのですよね。 解決するかな?
その他の回答 (3)
- q-tip
- ベストアンサー率28% (2/7)
こんにちは。 htmlとbody両方に指定というのは参考URLにも書いてあるようにこう書きます。 ,で区切ると複数のタグに同一スタイルを適用します。 <STYLE type="text/css"> <!-- html,body { } --> </STYLE> では。
- capelatta
- ベストアンサー率53% (292/541)
ちなみにIEのバージョンによっても指定のしかたが違いますよ。
- capelatta
- ベストアンサー率53% (292/541)
スクロールバーの色の変更はIEしか有効になりません。 という問題ですか? 見当違いでしたらごめんなさい。
お礼
作成した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; >