みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

パソコンによってスクロールバーの色の変更ができるのとできないのとがあるのはソースの問題でしょうか?
ちなみにソースは以下のとおりです。

<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>

投稿日時 - 2004-07-19 21:52:12

QNo.932403

すぐに回答ほしいです

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

スタイルシートの構文はq-tipさんが記述してくれた通りになります。
[q-tipさんありがとうございます。]

<BODY>だけに指定しても、より上位にある<!DOCTYPE>でで宣言した定義にそぐわない内容は無効になる可能性があるのです。

<!DOCTYPE>の宣言に関係なく表示させるにはヘッダ情報<head></head>の中に<HTML><BODY>両方へ指定する構文を記述しておきます。

でも、これが原因とは限らないのですよね。
解決するかな?

投稿日時 - 2004-07-20 20:46:41

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(4)

ANo.3

こんにちは。

htmlとbody両方に指定というのは参考URLにも書いてあるようにこう書きます。
,で区切ると複数のタグに同一スタイルを適用します。

<STYLE type="text/css">
<!--
html,body {
}
-->
</STYLE>

では。

投稿日時 - 2004-07-20 08:29:23

ANo.2

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

参考URL:http://www.htmq.com/index.htm

投稿日時 - 2004-07-19 21:59:10

お礼

作成した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;
>

投稿日時 - 2004-07-19 22:31:15

ANo.1

スクロールバーの色の変更はIEしか有効になりません。

という問題ですか?
見当違いでしたらごめんなさい。

投稿日時 - 2004-07-19 21:55:31

あなたにオススメの質問