こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

IE6、Firefox3で色指定が逆になる

Mac環境、HTMLとCSSでHPを作成しています。手書きです。
ブラウザチェックの為にウィンドウズを導入しチェックしました。

Mac環境のFirefox3.05、Safari3.2.1で確認すると、指定通りの文字色なのですが(CSSでの指定#ff0000で赤)、WindowsのIE6でチェックした所、16進数の逆の色で表示されました(#ff0000で青)。

ずっと手書きでやってきたので、今までの経験上、自分の間違いなども同時に確認する為や、他のタグやクラスとの干渉を見る為に、CSSは色指定したその箇所のみを、HTMLは指定された文字やタグ(仮にここではh1タグとします)のみを新しいファイルに書いたりして試行を繰り返したのですが、どうやら間違いなく逆の色を表示しているようです。

そこで友人のPCで、同じIE6でチェックしてもらった所、同じページの同じソースを正しく表示されました(#ff0000を赤)。

ブラウザにバグがあるのかと思い、バージョンを7に上げると、正しく表示されたので、「ブラウザが壊れていた」と判断しかけ、次にWindows版のFirefoxをインストールし、チェックしてみた所、またIE6と同じ症状(16進数で逆の色を表示)が出ました。ググってみても、こういう症状を見つける事が出来ませんでした。誰か原因など、何かわずかでも知っている方はいらっしゃいませんでしょうか。困り果てています。お願いします。

本当に長くなって申し訳ないのですが、最後に抜き出したソースを書き出します。極力排除してあるソースなので「入れた方が良いタグ」も入れてありません。

(HTMLファイル)
<html>
<head>
<title>test</title>
<link rel="stylesheet" href="test.css" type="text/css">
</head>
<body>
<h1>てすとてすと</h1>
</body>
</html>

(CSSファイル test.css)
h1 {font-color:#ff0000; size:28px;}


以上です。長文すみません。どうかお願いします。

投稿日時 - 2009-01-22 22:46:38

QNo.4652732

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

私の環境では再現できません。
 英語で検索してもでてきませんね。

詳細度を変えてみてください。
また、色の指定方法を変えてみてください。
body>h1{color:red;} /* 詳細度 2 */
body>h1{rgb(255,0,0);} /* 詳細度2 */
<h1 id="top">として
body>h1#top{color: #f00;} /* 詳細度102 */


ところで、IEにユーザースタイルシートを設定なんてしてませんよね。

投稿日時 - 2009-01-23 00:49:31

お礼

返答遅れて申し訳ありません、英語サイトまで検索して下さったようで。

詳細度や指定方法、指摘された方法や他の考えられる方法を使ってやってみましたが、やはり変わりませんでした。
OSのバグかもしれませんので、今度OSごと入れ替えてみます。
本当にありがとうございました。

投稿日時 - 2009-01-26 06:05:11

ANo.2

font-colorなんてプロパティはありません。
color: #ff0000
 または、f00、rgb(255,0,0) 、red・・・
なお、必ずbackground-color:も指定しましょう。inheritでも良い。

投稿日時 - 2009-01-22 23:05:38

お礼

すいません、もうひと方の方にも書きましたが、
書き間違えてました。ご指摘通りです。
チェックしているソースは合っています。

あと、実際に組んでいるページでは、背景色など必要な指定はしています。
今回はソースの問題箇所を調べたかった為、極力短縮しています。
HTML文法チェッカー・CSS文法チェッカーも一段落ごとに通してます。
どうして色指定が狂うんでしょうか。。。

投稿日時 - 2009-01-22 23:47:24

ANo.1

>h1 {font-color:#ff0000; size:28px;}

h1 { color:#FF0000; font-size:28px; }
では?

投稿日時 - 2009-01-22 23:03:10

お礼

早い返答ありがとうございます!
すいません、意識も朦朧として書き間違えました。
ご指摘通りです。で、こちらでチェックしているソースも、
font-size:28px; color:#ff0000;
でした。
どうなってるんでしょう。。。

投稿日時 - 2009-01-22 23:43:20

あなたにオススメの質問