• ベストアンサー

ページによってスタイルシートで指定したスクロールバーがきかない

はじめまして。初投稿です。よろしくおねがいします。 いま、サイトを作成中なのですが、わたしにわりあてられたものは10ページほどあります。 スタイルシートを使いスクロールバーの色の設定をCSSファイルで行い、HTMLでリンクさせているのですが、10ページ同じ設定でやっているにもかかわらず、きちんと指定した色の付くページと、windowsの初期設定の色のままのページとでてきます。 コードを比べてみても、まったく一緒なんですが... <link href="../img/main.css" rel="stylesheet" type="text/css"> よろしければ教えてください。

  • mmdon
  • お礼率93% (31/33)
  • HTML
  • 回答数5
  • ありがとう数7

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

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.5

#4さんに補足。 標準モードと互換モードで動作が異なるのは確かですが、指定すべき対象が違うだけでスクロールバーの色指定は可能です。 スタイルの指定が body {~~~}となっているなら html,body {~~~}と変更してみてください。 互換モードでは、bodyに 標準モードではhtmlに対して指定する必要があるので、上記のように両方に対して指定しておけばモードによる違いに対応できます。

mmdon
質問者

お礼

スタイルシートのBODY設定を html,body {~~~} にかえてみたところ、全ページ、スクロールバーの色が設定どおりに変わりました。 ありがとうございます。助かりました。

その他の回答 (4)

  • quads
  • ベストアンサー率35% (90/257)
回答No.4

スクロールバーの指定が適用されないページの、ドキュメントタイプ宣言文が標準モードになっていませんか? スクロールバーの色指定は、IE過去モードのみに適用される独自プロパティです。 他の原因も考えられますが、ページを提示していただければ一発で回答できるかと思いますが。

mmdon
質問者

お礼

作成している10数ページは全部同じドキュメントタイプなのに、なぜか設定が効いているページと効いていないページがあるんです。 でも、ドキュメントタイプ、調べてみます。 アドバイス、ありがとうございます。

  • SpiceGirl
  • ベストアンサー率69% (493/713)
回答No.3

きちんと指定した色の付くページのコード<link href="../img/main.css" rel="stylesheet" type="text/css">をcopyして貼り付けても同じでしょうか? すべてhead要素内に記述されているか? 外部から読み込むのではなく直接ページ毎にstyleを記述するとどうなるか? というふうに原因を突き止める必要がありそうですね。

mmdon
質問者

お礼

きちんとして指定どおりに色の付いているページのコードを貼り付けても、いっしょでした。 また、直接ページごとにstyleを記述したいのですが、 ひとつのサイトに数人がページを割り振って作成しているので、できれば外部からの読み込みで上手く設定したいのですが.. 時間があるときに内部と外部の違いを突き止めて見たいと思います。 何度もアドバイス、ありがとうございます。

  • SpiceGirl
  • ベストアンサー率69% (493/713)
回答No.2

<link rel="stylesheet" href="../img/main.css" type="text/css"> では

mmdon
質問者

お礼

何度もありがとうございます。 やはりだめでした....

  • SpiceGirl
  • ベストアンサー率69% (493/713)
回答No.1

相対URLでなく http://xxxxx.xxx.xxx/img/main.css というふうにhttpからのURLで記述した場合どうなりますか?

mmdon
質問者

お礼

ご回答、ありがとうございます。 いま、試してみましたが、やはりうまくいきません。 何ででしょう?? もうあたまのなかハテナでいっぱいなんです...

関連するQ&A

  • 外部スタイルシートは分ける?

    外部スタイルシートを分けるのかそれともまとめるのか? もしくは分けるべきなのかまとめるべきなのかがわかりません。 index を含む全ページに共通の class 指定があれば、1つの外部でいいですが、 各ページ固有の class 指定があった場合これは分けたほうがいいでしょうか? つまり、 <link href="main.css" rel="stylesheet" type="text/css"> と全ページに置き、全ての指定をここに入れるのか、それとも <link href="main.css" rel="stylesheet" type="text/css"> <link href="a.css" rel="stylesheet" type="text/css"> として共通の指定と、各ページ固有の指定は分けたほうがいいのか、 そのあたりがわからなくて困ってます。 前者だと1つファイルでいいとは思いますが、長くなってしまいますし、 ページによっては必要ない部分まで読み込むことになります。 多分一長一短で好み次第ということにはなるかと思いますが、 実際にどちらの方法でやっていて便利だという経験をお聞かせいただければ、 大変ありがたく思います。よろしくお願いします。

  • スタイルシート2

    1.スタイルシートで、外部スタイルシートがありますが これはそんなに使い勝手がよいでしょうか? <link rel="stylesheet" type="text/css" href="style.css"> と記述する上で、これはルールですからしょうがないでしょうが、<link rel="stylesheet" type="text/css" とここで、stylesheetを指定していて、さらにtext/css" でも、”スタイルシート”ですよ!! といっているのですから、最後のhref"URL"後のstyle.css の記述は無駄になるような(くどい^^)気もします。 これは、しょうがないですよねー。 個人で使うなら、HTMLで充分なような・・ あと、埋め込みスタイルでよういような・・ 2.さらに、スタイルシートはたしかに軽くなりますが、 記述が面倒で、フルスペル(省略できない)。 HTMLでは、<Li></LI>や、<tr></tr>で 表示できますが、こちらはすべて書かなくてはならないので便利とはいえ、つかいやすいでしょうか^^ リンクできるのは、見やすく便利ですが・・・

  • CSSで、外部スタイルシートを2つ指定した場合。

    たとえば、 <link href="style.css" rel="stylesheet" type="text/css"> <link href="info.css" rel="stylesheet" type="text/css"> のように2つスタイルシートを指定した場合、同じ内容のスタイルシートを書き込んだ場合どちらが優先されるのでしょうか。

    • ベストアンサー
    • HTML
  • スタイルシートのフォント指定

    他の人が作成した外部スタイルシートをベースにしてホームページを作っています。スタイルシートと同じ階層、またはその1つしたまではちゃんと指定通り表示されるのですが、のフォルダから2つしたの階層になると文字の大きさがそれ以外の所と違うサイズになります。まったく外部スタイルシートを読んでいないわけでもないようなのですが、、、。分かりません。 どなたか分かる方、どうかよろしくお願いします。 <link href="../../css/link.css" rel="stylesheet" type="text/css"> <noscript> <link href="../../css/winie.css" rel="stylesheet" type="text/css"> </noscript>

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

    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; } ------------------------------------------------- わかる方がいらっしゃいましたら、お願いいたします。

  • スタイルシートのリンクをはる時・・・

    <link href="css/common.css" rel="stylesheet" type="text/css">と <link href="/css/common.css" rel="stylesheet" type="text/css">の違いを教えてください。

  • スタイルシートの設定

    スタイルシートをリンク設定したく、文頭に下記の記述をしました。 ++++++++++++++++++++++++++++++++ <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> ++++++++++++++++++++++++++++++++ まったく、反映されません・・ どうして何でしょうか? どなたかお助けください。

  • CSSのスタイルシート適用について

    <link href="/○○○.css" rel="stylesheet" type="text/css"> としてスタイルシートを呼び出した後に、再び <style type="text/css"> と記述してスタイルのいくつかを再設定することはできるんでしょうか?その場合はその宣言したものだけが変わって、LINKされたほうのスタイルシートデータも他の内容は生き残って適用されますか?

    • ベストアンサー
    • HTML
  • スタイルシート

    こんばんは。HPを独学で作っている超初心者です。 スタイルシートが反映してくれないのです。下記の記述で 何が違うのでしょうか??? ---01.css--- <sytle type="text/css"> a:link{text-decoration:none;} <style> ---index.html(抜粋)--- <head> <link rel="stylesheet" href="01.css" type="text/css"> </head> どうしても index.html のリンク部分に下線が出てきます。 どうして消せないのかが分かりません!!! どなたか教えてください!よろしくお願いいたします!

  • スタイルシートでの文字サイズ指定について

    ホームページの文字表示サイズについての質問です。 私は全てWindows Vistaのメモ帳で作っているのですが、文字サイズを <Font Size="サイズ"> で指定するやり方では、MACで有効ではないと分かり、スタイルシートの外部から引き出すやり方で、まずs.cssに、 BODY { font-size: 13px } と書き、index.htmlに <head> <style Type="text/css"> <!-- body,td {line-height:15pt;} --> </style> <link href="s.css" rel="stylesheet" type="text/css"> </head> と打ち込んでみました。 しかし、こうするとMacX10.5では文字化けを起こしてしまいました。 <link href="s.css" rel="stylesheet" type="text/css"> を挿入するやり方がどこかおかしいのでしょうか。 または、文字サイズの指定のやり方が、他にもあるのでしょうか。お手数かと思いますが、どうかお助けください。

専門家に質問してみよう