プロが教える店舗＆オフィスのセキュリティ対策術

Operaでスクロールバーの色が変わらない

解決済

  • 質問者：kurosura
  • 質問日時：
  • 回答数：9件

最近ホームページをリニューアルしようと、
新しいテンプレートをダウンロードして、早速作成していたのですが、
オペラでみたときにスクロールバーの色が変わらないんです。
IEではちゃんと変わったのに、なぜなのでしょうか?
何か原因が分かる方、教えてください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (9件)

No.1

  • 回答者： mm_mm2000
  • 回答日時：

ＨＴＭＬタグの対応によるものです。


ＩＥとネスケでも微妙にタグが違う部分があります。

参考URL：http://www.tagindex.com/html_tag/index.html
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： mazimekko3
  • 回答日時：

仕様です。


スクロールバーの色を変えるCSSはIEの独自採用です。
よってIEのみ適用されます。
Safari,Firefox,NNでも変わりませんよ。

この回答への補足

しかし今のリニューアルする前のホームページは、
ちゃんと変わっているんです。
何でなのでしょうか?

補足日時：2007/03/14 16:16
通報する
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： mazimekko3
  • 回答日時：

> しかし今のリニューアルする前のホームページは、


ちゃんと変わっているんです。

ありえないんですが。
ちょっとそのソースかページのＵＲＬ公開してくれません？
テンプレート落としてきたサイトでもかまいませんが。
    • good
    • 0
    • 件
通報する

No.4

  • 回答者： goldfox
  • 回答日時：

> ありえないんですが。


Opera7では可能なようですよ。
http://www.tagindex.com/stylesheet/page/scrollba …

> ちょっとそのソースかページのＵＲＬ公開してくれません？
質問者のサイトURLの提示は禁止事項にあたるので、ソース提示をしましょう。
IEでは補完されるけどOperaでは補完されない、ちょっとしたミスが原因であるような気がします。

この回答への補足

ちなみにOpera9です。

cssのソースを書けばいいのでしょうか?
html{
margin:0px;padding:0px;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#000;
scrollbar-darkshadow-color:#fff;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#000;
scrollbar-shadow-color:#000;
scrollbar-track-color:#fff;
}
body{
margin:0px;padding:0px;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#000;
scrollbar-darkshadow-color:#fff;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#000;
scrollbar-shadow-color:#000;
scrollbar-track-color:#fff;


}
/*リンク*/
A{text-decoration:none;}
A:link {color:#696969;}
A:active {color:#48d1cc;}
A:visited {color:#696969;}
A:hover{color:#48d1cc;}
/*テーブル*/
table tr td.ltu{
width:160px;height:480px;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
table tr td.lr{
border-right:1px solid #000;
background:url(img/bg_body.gif) #000;
}
table tr td.lt{
width:400px;
border-top:1px solid #000;
background:url(img/bg_body.gif) #000;
}
table tr td.lu{
width:400px;
border-bottom:1px solid #000;
}
table tr td.cimg{
height:480px;
background:url(img/img07.gif) top center repeat-y;
}
img{
border:0px;
}

補足日時：2007/03/14 17:57
通報する
    • good
    • 0
    • 件
通報する

No.5

  • 回答者： MAN_MA_RUI
  • 回答日時：

> スクロールバーの色を変えるCSSはIEの独自採用です。


> よってIEのみ適用されます。
Operaはバージョン7.0以降互換機能としてスクロールバーの色を変えるCSSをクロスプラットフォームで実装しています。
（Windows以外のOSでもちゃんと有効だということを一応人づてですが確認しました）
規格的には非標準仕様となることに変わりないのですが、WinIEだけでしか使えないという認識は必ずしも正しくないんですよね…^^;

ツール→設定→詳細設定タブ→コンテンツ→スタイルオプション→スクロールバーにスタイルを適用、にチェックを入れていればスクロールバーの色が変化します。
チェックが入っていなければ変化しません。ページの作成者が提供するデザインを利用するかしないかお好みで選べる、と言うことですね。

尚、実装状況にはいくつか違いがあります。scrollbar-track-colorを設定しなかった場合IEではこの部分は編み掛け模様になるのですが、Operaでは白になります。
それから、IE(IEコンポーネントブラウザ)ではscrollbar-3dlight-colorとscrollbar-darkshadow-colorを無効にするフラットスクロールバーと呼ばれる機能が実装されていますが、Operaにこの機能はありません。
    • good
    • 0
    • 件
通報する

No.6

  • 回答者： MAN_MA_RUI
  • 回答日時：

> ちなみにOpera9です。


> cssのソースを書けばいいのでしょうか?
当方の環境ではスクロールバーのスタイルを有効にしていれば正常に動作しましたよ。
ただ、htmlに対してスタイルを設定する必要は余りないかと思われます。bodyに設定すればそれで十分。

この回答への補足

>ただ、htmlに対してスタイルを設定する必要は余りないかと思われます。
cssは知識があまり無かったので、
テンプレのまま使ってました。

となると新しく作っているホームページに邪魔なタグがあるんでしょうか…。

補足日時：2007/03/14 18:37
通報する
    • good
    • 0
    • 件
通報する

No.7ベストアンサー

  • 回答者： MAN_MA_RUI
  • 回答日時：

> となると新しく作っているホームページに邪魔なタグがあるんでしょうか…。


DOCTYPE宣言で標準準拠モードにしていた場合使えないはずです。

ところでOperaの設定は確認したのですか？(#5参照)

この回答への補足

>ところでOperaの設定は確認したのですか？(#5参照)
確認しました。ちゃんと有効になってました。

>DOCTYPE宣言で標準準拠モードにしていた場合使えないはずです。
これは何なのでしょうか?
詳しく教えていただければ幸いです。

補足日時：2007/03/14 19:20
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

おかげさまで解決しました。
ありがとうございます。

通報する
お礼日時：2007/03/14 22:13

No.8

DOCTYPE宣言はブラウザによって勝手に作ってきた命令を整理して、標準化させるための決め事です。


スクロールバーの色を変えるのは、IE独自の命令なのでDOCTYPE宣言してしまうと、その命令は無視されるわけです。

私のブログとホームページはスクロールバーの色をいじっていますので、DOCTYPE宣言はしていません。
そのためHTML構文の検証で、いつも怒られていますよ。

スクロールバー関係の命令はbodyの中に1度書けばそれでいけると思うのですが。

この回答への補足

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "アドレス">
↑こういうものでしょうか?
ならばこれを消せば大丈夫なのでしょうか?
後気づいたのですが、<html lang="ja">というのも関係あるのでしょうか?

補足日時：2007/03/14 22:02
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

消したら大丈夫でした。
詳しく教えていただいてありがとうございました。

通報する
お礼日時：2007/03/14 22:11

No.9

  • 回答者： MAN_MA_RUI
  • 回答日時：

既に締め切られているけど一応言っておくべきだと思ったので追加回答！（笑）



> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "アドレス">
> ↑こういうものでしょうか?
そうです。

> ならばこれを消せば大丈夫なのでしょうか?
これ自体を消す必要はないんですけどね？^^;
下記のようにアドレスを省略すると互換モードとなり独自拡張が使えるようになります。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

HTMLは厳密に見た場合DOCTYPE宣言を書くことが正しいので別に消さなくていいでしょう。

> 後気づいたのですが、<html lang="ja">というのも関係あるのでしょうか?
lang="ja"というのはページの言語を設定するための情報です。jaを指定することでこの文章は日本語でかかれてますという意味になります。
ま、指定しないよりは指定したほうがマシです。消してたら復活させても構いませんよ。

最近のブラウザならDOCTYPE宣言書かなくても言語を指定しなくても正しく読み込めますけど、正しいHTMLを書こうとするならば省略すべきではないです。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報