• 締切済み

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

Mac環境、HTMLとCSSでHPを作成しています。手書きです。 ブラウザチェックの為にウィンドウズを導入しチェックしました。 Mac環境のFirefox3.05、Safari3.2.1で確認すると、指定通りの文字色なのですが（CSSでの指定#ff0000で赤）、WindowsのIE6でチェックした所、１６進数の逆の色で表示されました（#ff0000で青）。 ずっと手書きでやってきたので、今までの経験上、自分の間違いなども同時に確認する為や、他のタグやクラスとの干渉を見る為に、CSSは色指定したその箇所のみを、HTMLは指定された文字やタグ（仮にここではh1タグとします）のみを新しいファイルに書いたりして試行を繰り返したのですが、どうやら間違いなく逆の色を表示しているようです。 そこで友人のPCで、同じIE6でチェックしてもらった所、同じページの同じソースを正しく表示されました（#ff0000を赤）。 ブラウザにバグがあるのかと思い、バージョンを７に上げると、正しく表示されたので、「ブラウザが壊れていた」と判断しかけ、次にWindows版のFirefoxをインストールし、チェックしてみた所、またIE6と同じ症状（１６進数で逆の色を表示）が出ました。ググってみても、こういう症状を見つける事が出来ませんでした。誰か原因など、何かわずかでも知っている方はいらっしゃいませんでしょうか。困り果てています。お願いします。 本当に長くなって申し訳ないのですが、最後に抜き出したソースを書き出します。極力排除してあるソースなので「入れた方が良いタグ」も入れてありません。 （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;} 以上です。長文すみません。どうかお願いします。

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

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

私の環境では再現できません。 　英語で検索してもでてきませんね。 詳細度を変えてみてください。 また、色の指定方法を変えてみてください。 body>h1{color:red;} /* 詳細度 2 */ body>h1{rgb(255,0,0);} /* 詳細度2 */ <h1 id="top">として body>h1#top{color: #f00;} /* 詳細度102 */ ところで、IEにユーザースタイルシートを設定なんてしてませんよね。

moryhtml
質問者

お礼

返答遅れて申し訳ありません、英語サイトまで検索して下さったようで。 詳細度や指定方法、指摘された方法や他の考えられる方法を使ってやってみましたが、やはり変わりませんでした。 OSのバグかもしれませんので、今度OSごと入れ替えてみます。 本当にありがとうございました。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

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

moryhtml
質問者

お礼

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

  • outbrave
  • ベストアンサー率60% (231/380)
回答No.1

>h1 {font-color:#ff0000; size:28px;} h1 { color:#FF0000; font-size:28px; } では？

moryhtml
質問者

お礼

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

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • IE8とIE6では観えない色があるの？

    ネットを公開していてＨ１タグには、 background-color:#3399ff; という薄い灰色の背景色を設定しています。 ところがIE６ではこの背景色がみえるのですがIE８では全く観えません。 これはIEの問題ですか？ 宜しく教えて下さい。

  • FirefoxとＩＥ　両方使いたい

    普段はFFを使用していますが、今回会社の口座をインターネットで扱える様に申し込みしましたが、　銀行の指定するブラウザがＩＥです、ＦＦで試してみましたが、メニューボタンが表示されませんでした。 ＩＥはインストールされているのですが、ＩＥを立ち上げてどこかのページに行こうとお気に入りを選んだり、ページ内のリンク先をクリックすると、FFが立ち上がりFFでの表示になってしまいます。 どうしたら両方のブラウザが使えるようになるでしょうか？

  • H1タグの色を変えたい。

    H1タグの色をCSSで変更したいのですが、上手くいきません。 どこの設定を間違えているのでしょうか？ 大変申し訳ございません。ご教授よろしくお願いいたします。 以下にソースを記述します。 /*--- HTMLソース ---*/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="index.css" type="text/css"> <title>H1タグ色変更</title> </head> <body> <h1>大見出し</h1> </body> </html> /*--- CSSソース（外部ファイル：index.cssとする） ---*/ @charset "utf-8" h1 {color: #0000ff;}

    • ベストアンサー
    • CSS
  • ボックスに背景を指定した時、firefoxでうまく表示されない

    CSS初心者です。 タイトルの通りなんですが、ボックスにbackground-imageで背景を指定して、ブラウザで表示させると、IE6.0だとちゃんと表示されますが、firefoxだと表示されません。 サンプルソースを書きます。 -HTML- <div id="formbox"> <div id="box01">テストテスト</div> </div> -CSS- #formbox{ background-image: url(./img/bg.gif); background-repeat: no-repeat; width:750px; height:155px; } #box01{ margin-left:30px; width:280px; height:50px; background-color:skyblue; float:left; } どなたかご教授お願いできませんでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • CSSでのリンク指定（？）

    現在、外部ＣＳＳで、<h1>タグの背景にタイトル画像を表示するように設定しています。 ＨＴＭＬ上の<h1>タグ内では、タイトルに値するテキストを入れていますが、ブラウザの表示できない所においやってあります。 その表示されているタイトル画像（h1で表示している部分）に他ページへのリンクを設定したいのですが、こうした場合のリンク設定はどのようにすればよろしいのでしょうか？ ＣＳＳ内で設定することは可能なのでしょうか？ それとも、ＨＴＭＬ上でなんらかの形でリンク設定を行うものなのでしょうか？ よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • firefox で使用できないタグ・スタイルシートについて

    今まではIEとOperaで表示の確認をしていたのですが、 FirefoxでのがアクセスがOperaを抜いたので、FFへの対応が必要になってきました。 そこでFFで確認してみたところ、かなりのタグやCSSが崩れていることに気がつきました。 一度ソースを見直そうと思いますが、IE・Opera・FF・NNの使える、使えないの対比表が無いでしょうか？ とほほさんもまだみたいなので・・・

  • IE・FirefoxでのCSS表示違いについて

    HTML＋CSSでホームページを制作する際、以下のような構成 上部：メインロゴ 中部：コンテンツ（What's newなど） 下部：メニューバー で、IE7とFireFoxで表示違いの差が発生してしまいます。 IEだと問題なく表示されるのですが、FireFoxで表示した場合、 ・中部のWhat's newが表示されない ・下部メニューバーが上部メインロゴの右側に表示されてしまう などの表示の問題が発生します。 CSSファイル内のソースが問題だというところまでは分かって いるのですが、一般的にこういった場合、CSS内でページ全体を 構成するfloatの設定がおかしいのでしょうか？ 全体のページ構成を決めるCSSタグでIEでもFireFoxでも全体を 崩さず表示を同じにするようなタグがあればご教示ください。 説明が分かりづらくてすみません・・。 （URLを具体的にお教えできれば良いのですが、、） お分かりであればお願いいたしますm(＿)m

    • ベストアンサー
    • CSS
  • HTMLタグで、色指定で16進数前のシャープ不要？

    PHPでwebサービスのプログラムをコーディングしていますが、bgcolorやfont colorの色指定で、どのサイトでも6桁の16進数の前に、シャープマーク（ハッシュマーク）が必要と書かれています（bgcolor=#FF0000）など。 でも実際HTMLタグを生成する段階で、シャープマークをつけなくても6桁だけで、表示上は色は再現されています。（bgcolor=FF0000） ブラウザーのHTMLのバージョンが上がったのか、不要になったかもしれませんが、特につけなくても問題は無いのでしょうか？ 少なくてもFirefoxやI.Eの新しいバージョンでは問題なさそうです。 わかる方は教えてほしいです。

    • ベストアンサー
    • PHP
  • cssで指定した文字の大きさがIE6とIE7で違う

    cssでレイアウトを指定したサイトを作りました。 IE6、Opera9、Firefox2でうまく表示ができました（微妙にFirefoxだけ文字の大きさが小さいですが、ほぼレイアウトにあっています）。 が、先日IE7で確認するとフォントサイズが大きくなっていました。 cssではfont-sizeを、bodyが12px、各id、classはそれぞれ11px、10pxとしました。 IE7だと13pxくらいに見えてしまい、レイアウトをはみ出て表示されています。 IE7をIE6と同じフォントサイズにするにはどのように指定すればよいのでしょうか？ ちなみに文字の大きさは固定でブラウザで大きさを変更できないようにしたいのです。 すみませんがよろしくお願いします。

  • <sub>や<sup>タグを使用した箇所だけ、CSSでのフォントカラー指定が反映されない。

    お世話になります。 HTMLとCSSでの表示について質問します。 <sub>や<sup>タグを使用した箇所だけ、CSSで指定したフォントカラーが反映されません。 ・ソースは <h2>CO<sub>2</sub>排出削減！</h2> ・CSSは h2{height:27px; line-height:27px; font-size:17px; font-weight:600; color:#283281;} このような指定になってます。 どうにか見出しタグを使ったまま、同じ色指定で下付き文字を使い、しかし<sub>や<sup>には直接フォントカラーを指定しないで解決する方法などありましたら教えてください。 ＊<sub>や<sup>は、インライン要素であると定義されてますが、この問題に関係してるのでしょうか。。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する