• ベストアンサー

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

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

  • HTML
  • 回答数9
  • ありがとう数4

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

  • ベストアンサー
  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.7

> となると新しく作っているホームページに邪魔なタグがあるんでしょうか…。 DOCTYPE宣言で標準準拠モードにしていた場合使えないはずです。 ところでOperaの設定は確認したのですか?(#5参照)

kurosura
質問者

お礼

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

kurosura
質問者

補足

>ところでOperaの設定は確認したのですか?(#5参照) 確認しました。ちゃんと有効になってました。 >DOCTYPE宣言で標準準拠モードにしていた場合使えないはずです。 これは何なのでしょうか? 詳しく教えていただければ幸いです。

その他の回答 (8)

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.9

既に締め切られているけど一応言っておくべきだと思ったので追加回答!(笑) > <!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を書こうとするならば省略すべきではないです。

noname#56851
noname#56851
回答No.8

DOCTYPE宣言はブラウザによって勝手に作ってきた命令を整理して、標準化させるための決め事です。 スクロールバーの色を変えるのは、IE独自の命令なのでDOCTYPE宣言してしまうと、その命令は無視されるわけです。 私のブログとホームページはスクロールバーの色をいじっていますので、DOCTYPE宣言はしていません。 そのためHTML構文の検証で、いつも怒られていますよ。 スクロールバー関係の命令はbodyの中に1度書けばそれでいけると思うのですが。

kurosura
質問者

お礼

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

kurosura
質問者

補足

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

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.6

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

kurosura
質問者

補足

>ただ、htmlに対してスタイルを設定する必要は余りないかと思われます。 cssは知識があまり無かったので、 テンプレのまま使ってました。 となると新しく作っているホームページに邪魔なタグがあるんでしょうか…。

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.5

> スクロールバーの色を変えるCSSはIEの独自採用です。 > よってIEのみ適用されます。 Operaはバージョン7.0以降互換機能としてスクロールバーの色を変えるCSSをクロスプラットフォームで実装しています。 (Windows以外のOSでもちゃんと有効だということを一応人づてですが確認しました) 規格的には非標準仕様となることに変わりないのですが、WinIEだけでしか使えないという認識は必ずしも正しくないんですよね…^^; ツール→設定→詳細設定タブ→コンテンツ→スタイルオプション→スクロールバーにスタイルを適用、にチェックを入れていればスクロールバーの色が変化します。 チェックが入っていなければ変化しません。ページの作成者が提供するデザインを利用するかしないかお好みで選べる、と言うことですね。 尚、実装状況にはいくつか違いがあります。scrollbar-track-colorを設定しなかった場合IEではこの部分は編み掛け模様になるのですが、Operaでは白になります。 それから、IE(IEコンポーネントブラウザ)ではscrollbar-3dlight-colorとscrollbar-darkshadow-colorを無効にするフラットスクロールバーと呼ばれる機能が実装されていますが、Operaにこの機能はありません。

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.4

> ありえないんですが。 Opera7では可能なようですよ。 http://www.tagindex.com/stylesheet/page/scrollbar_color.html > ちょっとそのソースかページのURL公開してくれません? 質問者のサイトURLの提示は禁止事項にあたるので、ソース提示をしましょう。 IEでは補完されるけどOperaでは補完されない、ちょっとしたミスが原因であるような気がします。

kurosura
質問者

補足

ちなみに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; }

回答No.3

> しかし今のリニューアルする前のホームページは、 ちゃんと変わっているんです。 ありえないんですが。 ちょっとそのソースかページのURL公開してくれません? テンプレート落としてきたサイトでもかまいませんが。

回答No.2

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

kurosura
質問者

補足

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

  • mm_mm2000
  • ベストアンサー率25% (7/27)
回答No.1

HTMLタグの対応によるものです。 IEとネスケでも微妙にタグが違う部分があります。

参考URL:
http://www.tagindex.com/html_tag/index.html

関連するQ&A

  • スクロールバーの色を変えるには?

    FC2ブログでテンプレート[ bluesky ]を使っています http://staff.blog1.fc2.com/?style=bluesky 初心者ですが、下記のサイトでスクロールバーの色を変えたいと思っています。http://magald.com/scrollbar/ このサイトには貼り付け例まで書かれているのですが、全く変わらなかったり、タグがそのまま表示されてしまったりしてうまくいきません。 どの部分に貼り付ければスクロールバーの色をかえられるのでしょうか?それとも、このテンプレートではスクロールバーの変更ができないのでしょうか?  ちなみにブラウザはIE6を使っています。

  • Operaのスクロールバーの色を変更するには?

    Operaのスクロールバーの色を変更するにはどうしたらいいのでしょう?薄い灰色なのでとても見難いのです。 宜しくお願いします。

  • スクロールバーの色 ぷっくりと

    スクロールバーの色をぷっくりとさせたいんですが、色つきのぷっくりだったらHP作成支援のサイトなどで沢山見かけますが、白いスクロールバーでぷっくりというのが無いんです。もしかして白い色でぷっくりは無理なんでしょうか? もし出来ましたらお教えいただけませんでしょうか?

  • スクロールバーを消したいです

    ファイヤーフォックス1.0・ネットスケープ7.1では正常に見られるのですが、IE6.0・オペラ8.0ではスクロールバーが出てしまいます。状況としては・・・ ・iframe内で画像を直接指定して、フレーム丁度の大きさの画像を出している ・iframeに上下、左右のスクロールバーが出てしまってお互いの分だけ(厳密には違うのかも知れませんが)のスクロールが生じる 何が原因か分かる方は、対処法を教えていただきたいです。 強制的に消す方法以外でお願いします。 もう一つ、四つのブラウザのうちオペラだけの話なのですが・・・スクロールが出てしまう箇所があります。原因は【float】を使って【div】を横に並べてることだと思います。 ・ページ全体をスクロールさせるのではなく、【div1】の中でスクロールさせている。 ・【div1】の中に【float】を使って【div21】【div22】を横に並べている。 すると、何故かページ自体に空白のスクロールが出てしまうのです。【div1】の中に並べる数があればあるほど長くなります。消すとページのスクロールも消えるので【float】が原因なのは分かるのですが・・・これはどうにもならない問題ですか?これも「見た目に強制的に消す」以外の方法があれば知りたいです。

  • overflow:auto; の記述で横スクロールバーが表示される

    gooブログでカスタムテンプレートを使用しています。 縦のみにスクロールバーをつけたくて 「overflow:auto;」 の記述をいれました。 Operaとfoxでは縦のみにスクロールバーが表示されます。 ですがIE6だけ、縦にも横にもスクロールバーが表示されます。 どうすれば、IE6でも縦のみのスクロールバー表示になりますか?

  • IE6だとスクロールバーが表示されません・・

    お世話になっております。 今回もホームページ作成のことで投稿しました。 宜しくお願いします。 作成したHPをIE7と8で確認したらスクロールバーが表示されているのですが IE6で確認したところ、スクロールバーが表示されず、ページの下の方が見れない状態でした。 最初7でもスクロールバーが表示されなかったので、ネットで調べて書いてあるとおりにしたら表示されるようになったので安心していたのですが、6で表示されていないことに気付きました。 IE6でも自動で表示されるにはどうしたらいいのでしょうか? ご指導の程、宜しくお願い致します。

  • インラインフレームのスクロールバーの色を変えたい

    CSSのbodyタグでスクロールバーの色指定をしました。外部スタイルシートと、head内に書き込むのと二通りで試しましたが、どちらの場合もブラウザのスクロールバーは反映されるのに、インラインフレームのスクロールバーは変わりません。 インラインフレームの変え方をどなたか教えていただけないでしょうか? ブラウザはIE6.0を使っています。

  • DreamweaverMXでスクロールバーの色が変更できません・・・

    こんにちは。 DreamweaverMXでサイトを作成していますが、コードビューにスクロールバーの色を変更するCSSタグを打ち込んでも、「IE6.0ではサポートされていません」という旨のエラーが出てしまいます。プレビューでも変わらないままです。 スクロールバーの色変更はIE5.5以上ならばサポートされているはずなのですが・・・。 ちなみに、スクロールバー色変更以外のCSSタグであればちゃんと反映されていました(行間、文字大きさ等)。 また、他のサイトさんで色変更なさっている所は現在使っているブラウザでちゃんと見られます。 公式ページやここの過去ログ、グーグル検索等、色々調べてみましたがどうしても解決できませんでした。 どなたか打開策分かる方いらっしゃいましたら是非おねがいいたします。

  • スクロールバーの色指定が・・・

    久しぶりにホームページの模様替えをしたら、スクロールバーの色指定がHTMLでないときかなくなっていました。 前はBODYでよかったような気がするのですが。 HTML文書で、フレームなしです。 ブラウザはIE6.0です。 自分がなにか余計なものいじくって設定が変わったせいでしょうか・・・?

    • ベストアンサー
    • HTML
  • 横スクロールバーが消えません

    webにフレームやFlashを導入してリニューアルさせてたのですが、横スクロールがいくつかのページで出てきてしまい困っております。 テーブル幅はどのページも600ピクセル以下に設定しています。mac os XのIE 5.2だと横スクロールバーは1つも出ないのですが、win XPのIE 6.0だと何故か何個か横スクロールが出てきてしまいます。 どこかのサイトで横スクロールバーを消す方法で <style type="text/css"> <!-- body { overflow-x: hidden; } --> </style> これで消えるとあったんで試してはみたのですが、なにせhtmlの知識が乏しいので、使い方も悪いのか、まだ消えません。 どうやったらこの横スクロールバーを消せるのでしょうか? どなたか分かる方いらっしゃったら教えてください。

    • ベストアンサー
    • HTML

専門家に質問してみよう