FirefoxでCSSが読み込めない。

解決済

質問者：mieka-1
質問日時：2009/02/16 15:10
回答数：2件

ＨＰを作成中です。IEやSleipnirでは思った通りに表示されるのですが、Firefoxではスタイルシートが読み込まれていないようです。

どの部分が悪いのでしょうか。ご教示のほどをよろしくお願いいたします。

以下冒頭部分のソースです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-type" content="text/css">
<link rel="stylesheet" href="index.css" type="text/css">
<title></title>
</head>
<body>

通報する

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

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： abril
回答日時：2009/02/16 16:15

このDOCTYPE宣言（自体にゴミが入っちゃってますが、これは投稿の際に変換されてしまったスペース等かと）下では推奨されない記述が何箇所かありますが、別に質問のソースをそのままコピペして適当なCSSを参照したらFirefoxでもとりあえず表示されている様ですが？

ちなみに、今回のトラブルとは無関係ですが、単純に記述としてよろしくない点は：

・<html>にxmlns 属性、lang 属性、xml:lang 属性が指定されていない。
・空要素タグ <meta><link>が<meta～ /><link～ />という様に閉じていない。
・XML宣言をしていない＆XML宣言中でencoding指定をしていない

です。この際、正しい記述に修正しておいて損はないでしょう。ただし、最後については「（IEのCSS解釈の不具合を考慮して）意図的に」外す制作者及びサンプルやテンプレートも多いので、XML宣言を付けた状態でのCSSの解釈違いに対処できるスキルがなければ手を加えない方が宜しいかも。

> Firefoxではスタイルシートが読み込まれていないようです。

というのは、具体的にどの様な症状から気付きましたか？
例えば、index.cssの中味を一時的に
body {
color: #f00;
background: #cff;
}
だけとでもし、htmlファイルの方も<body>～</body>の中を「テスト」という文字列だけにしてみても、Firefoxでは「文字色が赤、背景が水色」という表示にならず、ブラウザのディフォルトの色が適用されていますか？もしそうであれば、確かにFirefoxからはindex.cssが正しく参照されていない、という事になります。もしそうでなく、上記のスタイルが適用されているのであれば、Firefoxからもindex.css自体の参照はできているという事です。後者であれば、おそらくindex.cssの中の一部だけのスタイルが何らかの正しくない記述等により無効になっている可能性が強いかと思います。その場合は改めて具体的な箇所を示して下さい。

> IEやSleipnir

Sleipnirは一般的にはIEコンポーネントブラウザに属するもの（IEと元を同じくする兄弟の様なものだとでも思っておいて下さい）ですから同じ様な挙動になりますね。Safari、Opera、Google Chrome等ではご覧になってみましたか？そちらもFirefoxで閲覧した際と同様の不具合が起きていますか？

- 0
- 件

通報する

この回答へのお礼

丁寧にありがとうございました。

サンプルプログラムを表示してみると、ちゃんと表示されました。簡単な例でテストすると言うことに考えがまわりませんでした。

問題はＣＳＳの中のようなので、改めて調べてみます。記述やブラウザについても、勉強になりました。また何かあったら、改めて質問させ低だだきます。

通報する

お礼日時：2009/02/16 18:02

No.2

回答者： abril
回答日時：2009/02/16 16:17

ANo.1です。

まさか…とは思いますが、念の為。
Firefoxの「表示」オプションで”スタイルシートを使用しない”が選択された状態になってはいないですよね？

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。
一瞬どきっとしましたが、「標準のスタイルシート」になっていました。(#^.^#)

通報する

お礼日時：2009/02/16 17:51

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

質問する（無料）

似たような質問が見つかりました

HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
HTML・CSS html cssのmargin 5 2022/12/03 11:04
HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
HTML・CSS htmltとｃｓｓのコードで 1 2022/11/26 13:37
JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18

今、見られている記事はコレ!

弁護士が解説！あなたの声を行政に届ける「パブリックコメント」制度のすべて

社会に対する意見や不満、疑問。それを発信する場所は、SNSやブログ、そしてニュースサイトのコメント欄など多岐にわたる。教えて!gooでも「ヤフコメ民について」というタイトルのトピックがあり、この投稿の通り、...
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」

「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
釣りと密漁の違いは？知らなかったでは済まされない？事前にできることは？

知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
カスハラとクレームの違いは？カスハラの法的責任は？企業がとるべき対応は？

東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。この動きは自治体...
なぜ批判コメントをするの？その心理と向き合い方をカウンセラーにきいた！

今や生活に必要不可欠となったインターネット。手軽に情報を得られるだけでなく、ネットを介したコミュニケーションも一般的となった。それと同時に顕在化しているのが、他者に対する辛らつな意見だ。ネットニュース...