ベストアンサー

外部スタイルシートでのスクロールバー

2005/09/23 17:20

Dreamweaver MX 2004でサイトを作成しています。外部スタイルシートでスクロールバーの色を変更したいのですが適用されなく困っています。 -------------------------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>無題ドキュメント</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="pro1"> -------------------------------------------------- 外部スタイルシート（style.css) body { scrollbar-base-color:#efefbd; scrollbar-arrow-color:#efefbd; scrollbar-darkshadow-color:#efefbd; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; } ------------------------------------------------- わかる方がいらっしゃいましたら、お願いいたします。

awasumi
お礼率74% (38/51)

ホームページ作成ソフト
回答数3
ありがとう数4

みんなの回答 （3）
専門家の回答

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

ベストアンサー

masaru2032
ベストアンサー率40% (36/90)

2005/09/23 17:32 回答No.1

外部シートを html { scrollbar-base-color:#efefbd; scrollbar-arrow-color:#efefbd; scrollbar-darkshadow-color:#efefbd; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; } にしてください。

質問者

お礼 2005/09/24 12:20

おぉ～！ありがとうございます！この方法でできました！

その他の回答 (2)

masaru2032
ベストアンサー率40% (36/90)

2005/09/23 17:42 回答No.3

補足です... スクロールバーの色指定は IE5.5では<BODY>タグへの指定で有効となりますが IE6では<!DOCTYPE>宣言の内容により<BODY>タグのみへの指定では無効となる場合があります。 IE5.5とIE6の両方でスクロールバーの色指定を有効にするには <HTML>と<BODY>の両方にスタイルシートを指定してください。

質問者

お礼 2005/09/24 12:24

＞IE5.5では<BODY>タグへの指定で有効となりますが IE6では<!DOCTYPE>宣言の内容により<BODY>タグのみへの指定では無効となる場合があります。知りませんでした。ありがとうございます！ IEのバージョンのことは考えたことがなかったのでちゃんと考えて作らなければいけないなっと勉強になりました。皆様、本当にありがとうございました。

1412lovers
ベストアンサー率40% (58/144)

2005/09/23 17:39 回答No.2

　タグ自体には問題ない様子で、こちらで確認した所適用されていました。　本文（htmlファイル）の方に<BR>など入力し長文にして確認されましたか？スクロールの必要ない（上下の短い）画面ですとバー自体が表示されないので確認しにくいかと思います。　また、バーのカラーが白系ばかりで分かりにくいため、redやblackなど分かりやすいはっきりとした色で一度テストされると適用されて着るかの確認はしやすいかと思われます。

質問者

お礼 2005/09/24 12:22

長文で打ってあり、スクロールバーがデフォルトの色で表示されていました。。確認していただき、ありがとうございます！

関連するQ&A

スクロールバーのスタイルシートについて。
スクロールバーの色を変えるスタイルシートで質問です。下記スタイルシートを使うとそれが出来るのですが、たとえばＨＰをフレームで2つに分けた場合、全部のページにスタイルシートを書かなければいけないんでしょうか？一番最初のページだけではうまくいきませんでした。分かる方お手数ですが教えて頂けないでしょうか。 <style type="text/css"> body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #330066; scrollbar-shadow-color: #330066; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: orange; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } </style>
- ベストアンサー
- HTML
スクロールバーの色の変更について
パソコンによってスクロールバーの色の変更ができるのとできないのとがあるのはソースの問題でしょうか？ちなみにソースは以下のとおりです。 <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>××</title> <STYLE type="text/css">  </STYLE> </head>
- ベストアンサー
- HTML
スタイルシートのスクロールバー
現在ＨＰを作成しています。スタイルシートでスクロールバーの色を変更させたいのですが、出来ません。何処かおかしいでしょうか？宜しくお願いします。 <style type=text/css>  </STYLE>
- ベストアンサー
- その他([技術者向] コンピューター)
ココログのスクロールバー
「ココログ」を使っています。カスタム編集にした時、CSSをつかってスクロールバーの色を変えたいのですが、上手く反映されず通常のままです。（ちなみにオンマウスの設定など、他のCSSは反映されています）何か間違っているでしょうか？それとも「ココログ」ではスクロールバーの変更は対応してないのでしょうか？ ----------------------------------------------- <STYLE type=text/css>  </STYLE> -----------------------------------------------
- 締切済み
- ブログ
どこがおかしいのでしょうか
<HEAD> <script language=JavaScript>  </script> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>猫</TITLE> <STYLE type="text/css">  </STYLE> </HEAD> スクロールバーノ色が変わりません。何がおかしいのでしょうか。
- ベストアンサー
- CSS
外部ＣＳＳをかくには。
ＨＰのページひとつひとつにいちいちスタイルシートをかいていくのが面倒になったので外部ＣＳＳでまとめてしまおうと思ったのですが、上手くいきません。ちなみにこうかいております↓ <STYLE TYPE="text/css">  </STYLE> <style type="text/css">  </STYLE> <STYLE TYPE="text/css"></STYLE> <style type=text/css></style> <style></STYLE> どこか悪い点がありましたら教えてください。
- ベストアンサー
- HTML
アイフレームのスクロールバーを変えたい。
お世話になります。アイフレームを使いたいんですけど、スクロールバーをスケルトンとかちょっとかわいめに変えたいんです。最終的には、背景を透かして、アイフレーム内に入る文章が長いときだけスクロールバーが現れ、それがスケルトンとかちょっと可愛いものに変えたい、ということです。通常のhtmlだとスタイルシートで <style type="text/css">  </style> こんな感じで入れると思うんですけど、これはアイフレームにはきかないんですよね・・・。ちなみに現状は以下です。 <IFRAME name="ifnikki" src="nikki.shtml" width="380" scrolling="AUTO" frameborder="0" flameallowtransparency="true">
- ベストアンサー
- その他（インターネット・Webサービス）
スクロールバーが反映されない
ＨＰ作成まったくの初心者です。今つまづいているのが、スクロールバーの色が変更できないことです。ＩＥは「Internet Explorer 6 Service Pack 1 (Windows XP SP1) 」です。いちおう、タグを載せます。初心者なのでめちゃめちゃだと思いますのでお恥ずかしいのですが、よければご教授ください。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <META http-equiv="Content-Script-Type" content="text/javascript"> <META http-equiv="Content-Style-Type" content="text/css"> <title>☆</title> <script type="text/javascript">  </script> <STYLE type="text/css">  </STYLE> <style type="text/css">  </style> <STYLE type="text/css">  </STYLE> </head> <body> <BODY background=img/wall.gif> </body> </html>
- ベストアンサー
- HTML
Ｆｉｒｅｆｏｘのスクロールバー
<style type="text/css">  </style> これでＩＥのスクロールバーは茶色になるのですがFirefoxはだめです。どうすればよいのでしょうか？お知恵をお貸しください。よろしくお願いいたします。
- ベストアンサー
- HTML
スタイルシートを一括で・・・。
<STYLE type="text/css">  </STYLE> このスタイルシートをすべてのページに入れる方法ってありませんか。色の変更も１つだけの変更ですべて変更される方法があれば教えてください。
- ベストアンサー
- CSS

外部スタイルシートでのスクロールバー