• 締切済み

OPERAでのCSS利用

個人ホームページを運営している者です。HTMLやCSS、Javascript、CGIなどについてひととおりの知識は持っています。 質問ですが別ファイルで用意したCSSを利用するホームページ作成し、表示具合をwindows版のIEおよびNetscapeで確認して何ら問題ないのにOPERAで見るとCSSが効いていないのですがこれはOPERA特有の性質によるものですか?そして正常にCSSを効かせるためにはどうしたらよいのでしょうか?よろしくお教えください。

みんなの回答

  • UKY
  • ベストアンサー率50% (604/1207)
回答No.2

Operaには「作成者モード」と「ユーザーモード」の二つのモードがあります。 前者ではWebページ製作者が指定したスタイルの多くが実際の表示に反映されますが、後者では製作者指定のスタイルのほとんどは無視され、閲覧者が指定したスタイルが適用されます。 ちゃんと「作成者モード」が設定されているかどうか確認してみてください。メニューバーの「表示」>「スタイル」で設定します。

  • Lunaria
  • ベストアンサー率69% (101/146)
回答No.1

私はあまり詳しくないのでOPERAの特性などは判らないのですが、特に意識せずに外部スタイルシートで設定したものはOPERAで問題なく反映されています。 <LINK REL="stylesheet"~~ ではなく <STYLE TYPE="text/css"> <!-- @import url("***.css");~~ で読み込んでいますが、関係あるでしょうかね? よく判らないのに口を挟んで申し訳ありませんが、一応OPERAのCSSバグリストのURLを置いておきます。

参考URL:
http://members.at.infoseek.co.jp/cssbug/detail/opera.html
peoplepeople
質問者

お礼

ありがとうございます。お教えいただいた記述と参考URLを見てトライしてみます。

関連するQ&A

  • 質問です! Operaって、document.all使えるんですか?

    質問です! Operaって、document.all使えるんですか? javascript:alert(document.all)という風に入れたら、[object HTMLCollection]という値が返ってきました ちなみに、  Firefox3.6 : [object HTML document.all class] Netscape7 : undefined Safari (おそらく4) : Operaと同様。 document.allて、IEだけかと思っていましたが。

  • CSSやJavaScriptの構文チェッカを探しています。(HTML-lintのような)

    CSSやJavaScriptの構文チェッカを探しています。(HTML-lintのような) 今作っているウェブアプリが、FireFox2.0だとなんとか正常に表示されるものの、 IE7だとレイアウトや挙動が不自然です。 CSSとJavaScriptを連携してつかっています。 そこで、CSSやJavaScript用に、HTML-lintのような構文チェッカが、あればな・・・と思っています。 どなたかご存じの方いらっしゃったら、お教えくださいませ。

    • ベストアンサー
    • HTML
  • ブログはHTMLとCSSだけで作れますか?

    ブログってレンタルでしなくて自分でHTML,CSSだけで作れるんでしょうか? もしできたら、更新するのは大変ですか? 今私はレンタルでブログを運営しています。あと、HTML,CSSが習得したばかりです。 あと、掲示板のCGIの様に、ブログ特有のプログラミングとかあるんでしょうか? 教えてください。

  • Operaブラウザにメリットはあるの?

    DDIポケットのAirH"PHONEの新機種は、Opera搭載で、i-modeの勝手サイトだけでなく、パソコン用のサイトも閲覧できる、というのがウリですが、DDIポケットはなぜIEでなく、Operaを採用したのでしょうか? 僕はパソコンでインターネットしているとき、「このホームページはOperaでは正常に表示できません」「このホームページはIE以外では正常に表示されない場合があります」という注意がきを何度か見ました。でも、その逆は、見たことがありません。 また、もうすぐ、パソコン用に「Opera7.52 for Windows」や「Opera7.52 for Mac OS X」が、ダウンロード版5040円、パッケージ版6279円で発売されるようですが、誰が買うのでしょうか?パソコンを買ったとき、IEがインストール済みで入っているのに、6279円も払ってOperaを買う人は、いったい、どんなメリットを求めて、Operaを買うのでしょうか? 僕だったら、もし6279円お金があったら、Operaを買わずに、ハロプロ系アイドルのCDアルバムを2枚買います。 いままで、IEを使っていて、困ったこととか、IE以外のブラウザが欲しいとか、思ったことはありません。 よほどすごいメリットがあっても、Operaをかわないかもしれないし、ほんのちょっとのメリットなら、絶対に買いませんだから、困り度は1です。。

  • CSSハックについて・・・

    ホームページを作っていて、IEではちゃんと表示されるのですが、 FirefoxとOperaでは思い通りに表示されません。 これをどうにかしたいと思います。 前に、どこかのサイトでCSSハックという言葉を見たことがあるのですが、主にFirefoxに、CSSハックを利用したいです。 Firefoxのみ、またはFirefoxを含む様々なCSSハックの方法を教えてください! 今は、OperaよりもFirefoxを優先してほしいです。

    • ベストアンサー
    • HTML
  • IEだけ外部CSSを読み込まない

    こんばんは。 レスポンシブサイトを製作中なのですがIEだけが外部CSSを読み込みません。 Chrome、Firefox、Opera、Safariなどのモダンブラウザは異常なく読み込みます。 IEに限ってどのバージョン(少なくとも8~11)もCSSを読み込まずHTMLだけのレイアウトです。 考えられる原因は何だと思われますでしょうか? モノをあげられないので推測での話になると思うのですが、よろしくお願い致します。

    • 締切済み
    • CSS
  • JavaScript使用禁止でonMouseを使ったら・・・

    利用中のショッピングサイト作成のエディタはJavaScriptやCSSが使用禁止となっていて、META HTTP-EQUIV="とか<SCRIPT LANGUAGE="JavaScript">などの宣言をしないでonMouseoverやonMouseoutを使っています。 テストしたところ、IEやNetscapeで正常に表示されているようですが、何か不具合があるでしょうか。

  • HTML5+CSS3 でしかできないこと

    長年、趣味や一部仕事で XHTML+CSS のサイトを作っています。 数年前から、サイト内にCGIを入れたり、色んな動きを楽しむため javascriptを導入してサイト作成を楽しんでいたりもします。 言語も html css javascript jquery php など、色々楽しみながら勉強してきました。 ほんの数年前から、HTML5+CSS3 が登場しましたが、 様子を見ていると、どんどん独創的なサイトが出てきています。 スマートフォン用のサイトも作れるようになりたいな、と思っていましたが ようやく重い腰を上げて作業に取り掛かろうと思っています。 そこで質問なのですが、HTML5+CSS3で作られたサイトで まるでjavascriptで制御されたような軽快なスクロールや動きが散見されます。 こうしたサイトを見ると、javascriptで動かしているのかHTML5で動かしているのか 判別がつきません。 HTML5やCSS3で新しく実装された機能については、ネットで調べると色々出てきます。 例えば、リンクタグをブロック要素化することが簡単になったとか、 角が丸い四角形を充てることができるようになったとか、電話番号をタップすると 「通話」ボタンが出るようになったとか、個別の機能についてはなんとなく把握しました。 しかし、「HTML5+CSS3で作られたサイト全体」で見ると、 いまいちピンと来ないのです。 そこで、お詳しい方に是非、以下のような形で 教えてもらえたらと思い、投稿しました。 ------------------------------------- 実際にHTML5+CSS3で作られたサイトを基に、 どこをどのように設定したのかを見せて欲しい ------------------------------------- 例えば、 http://www.hotakubo-seikei.com/ は、ソースを見るとHTML5で作られていますが(section タグや header タグがありますね) XHTML+CSSでサイトを長年作ってきた人間からすると、 どうしてこんなサイトができるのか全く分からないのです。 javascriptもいくつか利用されていますが、どれがjavascriptによるもので どれがHTML5+CSS3によるものなのかわかりません。 また、一番驚いたのが、サイトの構成です。 サイト全体の横幅が無く全画面表示になっており、 3カラムで、縦スクロールするとディレクトリが変わるなんて XHTML+CSSの常識では考えられません。 もちろん、デザイナーによるデザインでこうなったと言ってしまえばそれまでですが、 それを実装できていることに感動しているのです。 ↑↑↑ こんな感じで、何かサンプルサイトを基に XHTML+CSSとの違いや、HTML5+CSS3だからこそ実現できることを 分かりやすく教えてもらえたらとても有難いです。 サンプルサイト付きで、なるべく詳しく教えて頂いた方に ポイントを付与させていただきたいと考えております^^ どうぞ宜しくお願い致します!

  • Operaでの表示がおかしい(CSSハック)

    あるサイトをWebデザインしているのですが、F5キーを押せばOperaでの表示がおかしくなります。 色々CSSファイルとかを自分なりに見て解決法を試行錯誤したのですが、自力では限界になって投稿させて頂きました。 ■ 問題の内容 ・ 表示がおかしいブラウザはOperaに特定される。 ・ 環境はHTML5・CSS(外部ファイル)・JQuery(外部ファイル) ・ Operaで最初に表示させた時はローカル・Webとも通常表示されるが、そのサイトをF5(更新)キーで押した時、サーバーアップ時のみレイアウトが崩れる(ローカル(Windows)上の同ファイルをOperaで開いた時及びF5キーを押した場合は、両方とも表示崩れが起きない)。 ・ レイアウト崩れは特定の部分のみ。 ・ お客様のサイト、自社でテストでアップしたサイトの両方のサーバー(別会社)とも全く同じ現象が起きる。 ・ 通常表示時に別サイトに行き、リンクや戻るボタンで戻った時は、上記崩れは起きていない。 ・ Opera以外のブラウザ(試しているのはOperaのほか、IE・Firefox・Chome・Safari)では上記現象は一切発生しない。 通常のOperaのCSSハックをすれば解決するっていう感じでは無さそうですし。 解決策は何かありませんでしょうか。 よろしくお願いいたします。

  • HTMLのものをcssで修飾したい

    すでにホームページはできています。ただし、単なるHTMLで書かれたものなので一度、ホームページビルダー11体験版で今あるホームページを保存して、CSSで作ろうと考えています。何かほかのほうがあれば教えてください。 どのようにしてCSSに変えられるでしょうか。