• 締切済み

Firefoxでのスタイルシート

スタイルシート(CSS)について勉強している途中です。 自分の作ったサイトで、まったく同じソースで、IEとFirefoxでは表示のされ方が異なったり、色が違ったりします。 なにか一部文法が異なるのでしょうか。 またそういうことについて書いてあるサイトもあれば教えてください。

みんなの回答

noname#15943
noname#15943
回答No.1

 IEを提供している会社の製品では、つねに「独自の」と称するローカルなルールが設定され、社会での標準化の合意からははずれた規格がまかりとおっている状態です。  CSSでも、Firefoxなど、標準に近い表示をするものとIE系の間に「CSSの解釈のちがい」があるため違いがでます。  そのためどのブラウザでも同じく表示するために、 a.結果的にどちらでも同じになる指定を考え出す b.ブラウザごとに別のスタイルシートを読むように振り分ける  という、面倒なことが行われています。

関連するQ&A

  • スタイルシートと、 Firefox の相性は??

    スタイルシートと、Firefox の相性は?? どうでしょうか? 未だ、HTMLも、スタイルシートも、ほとんど、わかっていませんが、 とりあえずビルダーで、ホームページを公開しています。 そこで、ビルダーで、スタイルシートを設定したいのですが、 ネット上や、参考書などで勉強して、やってはいるのですけど、 どうにもうまくいきません。 そこで、ハタと気付いたのですが、、IEでは問題無さそうなのですが、 firefoxだと、上手く表示されません。 もちろん、firefoxでも、できるのでしょうが、何分初心者の私には、 たぶん、無理?? そう考えると、スタイルシートと、Firefox の相性は、 よくないのでしょうか??ひょっとすると、ただ私の勉強不足かもしれませんが、 どなたか教えてください。 よろしくお願いします。

  • IE10のスタイルシート

    スタイルシートについて質問があります。 自分のサイト内でスタイルシートを使っているのですが、Win Vista+IE9では意図した通りに表示されるのですが、Win7+IE10ではスタイルシートの一部が反映されません。 CSSファイル内のすべてが反映されないのではなく、BODYタグの属性やTABLEタグの属性が適用されていません。 Win Vista+IE9では意図通りに反映されていることからCSSファイルの書き方が悪いとも思えないのですが、Win7+IE10で意図通り表示できない理由はどのようなことが考えられるでしょうか?

  • FireFox スタイルシートの設定

    スタイルシートでのレイアウトを考えています。 ところが実際に製作を開始すると、レイアウトができません。 IEでは問題ないのですが、FireFoxがだめなのです。 具体的には[class]を用いると、まったく適用されなくなります。 他にも、[position]が一部だけ適用されたり、背景が適用されたりされなかったりいろいろです。 基本的には、どちらのブラウザでも表示されるようにしたいのです。(スタイルシートを用いて、テーブルは用いないように)なにか解決策はあるのでしょうか? このような問題の解決方法が示されているページなどがありましたら、あわせてお願いします。

  • safari,firefoxでスタイルシートを使いたい。

    safari,firefoxでスタイルシートを使いたい。 お世話になっております。 link要素で、以下のような感じで、 ブラウザごとにスタイルシートを使い分けたいのですが、 どうもsafariとfirefoxは、link要素は認識してくれないようです。(opera、chromeは未確認) (私の勘違い?) safariとfirefoxは、スタイルシートのファイルを指定するのは、 どのようにするのでしょうか。 ご存知の方、ご教授ください。よろしくお願いします。 ↓----------------------- (OSの判定は省略) browser = getBrowserName(); if (browser == "Netscape") dirName = "macNsc.css"; if (browser == "Explorer") dirName = "winIE.css"; if (browser == "Safari") dirName = "macSaf.css"; : document.write("<link rel='stylesheet' href='"+dirName+"' type='text/css'>"); ↑-----------------------

  • スタイルシートをFirefoxでもうまく表示させるには・・・

    スタイルシートでセルに背景を指定しています。 Left{ color : white; background-repeat : no-repeat; background-attachment : fixed; width : 208px; font-size : 12px; font-weight : bold; text-align : center; background-image : url(.gif); } IEではその背景はうまく表示されるのですが Firefox ではその背景は表示されません。 その原因を色々なサイトで調べてみましたが明確な対処方法が見つかりません。 セルの背景をスタイルシートで指定してFirefox でもうまく表示させる方法を教えて下さい。

  • Firefoxのユーザースタイルシートを解除する方法は?

    最近、メインで使用するブラウザをIEからFirefoxへと変更しました。 その際、IEから「インターネットオプション」「Cookie」「表示履歴」「お気に入り」をインポートしました。 IEを使用時には[インターネットオプション]→[ユーザー補助]→[ユーザースタイルシート]→[自分のスタイルシートでドキュメントの書式を設定する]にチェックを入れてページ閲覧することがあったのですが、この際に指定していたスタイルシートが現在、Firefoxにもそのまま引き継がれてしまっています。 これを解除するにはどうしたら良いのでしょうか? [ツール]→[オプション]をいろいろ弄ってみたり、[表示]→[スタイルシート]→[スタイルシートを使用しない]にチェックを入れたりもしてみたのですが、解除できません。Firefoxでユーザースタイルシートを指定するのに「Stylish」というアドオンが人気だと聞いてインストールしてみましたが、これでも現在指定されてしまっているスタイルシートは解除できないようです。 解決方法に心当たりのある方がいらっしゃれば、アドバイス頂けると有難いです。 よろしくお願いします。

  • スタイルシート IE用 Firefox用の切り替えの方法

    外部CSSを利用してWebデザインをしているのですが、 IE7での表示と、Firefoxでの表示がpaddingを使うと若干違います。 3px程IE7の方が短くなってしまいます。 アクセス時にIE用とFirefox用にCSSを切り替える方法はありませんか? <img src="images/test.gif" style="padding-top:17px;" /> 上記のタグの場合、IE7での表示では3px短くなります。

    • ベストアンサー
    • HTML
  • IEで外部スタイルシートが反映されない

    IEで外部スタイルシートが反映されない HPを製作したところ、 Firefoxでは、完璧に外部スタイルシートが適用されていたのですが、 IEでテストしたところ、CSSが全く反映されていてませんでした。 多くの皆さんがしてるように、 ヘッダーに、 <link href="style.css" rel="stylesheet" type="text/css" /> と記述しているのですが・・・ 原因としては何が考えるでしょうか? ご助力願います。

  • スタイルシートの読み込みについて

    はじめまして。 最近業務でスタイルシートを使うことになったのですが、 外部ファイルとしてスタイルシートを保存して、 HTMLの中にリンクの部分を書いておいても、 IEで表示したときに読み込んでくれません。(IEのバージョンは6.0です。) インターネットオプションのユーザー補助のところで、ホームページを見る場合は自分のスタイルシートを適用する、という設定にすれば読み込んで表示されるのですが、それをしないと、表示されませんし、 その設定にしてあっても、外部シートの上書きをした場合、更新ボタンをおしただけでは画面が変わらず、 いちいちインターネットオプションのところで 更新をしないと、外部シートの変更が反映されません。 どこがおかしいか分からず困っています。 「XPのせいでは?」とも言われましたが、 そうなのでしょうか? ぜひご回答よろしくお願いいたします。 下はソースでリンクを書いてある部分です <html lang="ja"> <head> <title>SAMPLE</title> <link rel="stylesheet"href="detail_2.css" type="text/css"> <script type="text/javascript"> </head>

    • ベストアンサー
    • HTML
  • スタイルシートのせいで、印刷がきちんとできません。

    スタイルシートの2カラムでサイトを作成しております。 はじめて、本格的にスタイルシートでレイアウトしたので、 四苦八苦しております。 できたサイトをFirefoxで印刷しようとすると、1ページ目と最後のページは印刷されるのですが、その途中のページが印刷されなく、プレビューにものりません。 これはFirefoxのバグとわかり、IEでやってみると、きちんとプレビューもされ、印刷できます。 ただ、それでも印刷すると、サイトの右端が切れてしまい、左端のメニューはなぜかすっかりなくなっています。 このような場合、どうすればきちんと印刷できるのでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう