ＣＳＳですか？

質問

ウェブサイトをファイヤーフォックスとインターネットエクスプローラーで見る時、同じように見えるようにするためには、どこをどのように変更すればいいのですか？ファイヤーフォックスの時に作成したＨＰが、インターネットエクスプローラーで見たとき、画像が表示されなかったり、リンクの枠の色がバラバラだったりして、ショックを受けてしまいました。　詳しい方、どうか教えて下さい！

回答No.3

naokita

基本的には、前回答者さんの回答でいいのですが、
質問者さんの場合は、
＞画像が表示されなかったり
これは、違いと言うよりもHTML,CSSが正しくないからです。
＞枠の色がバラバラだったりして
これは、制作側での設定ではなく、ブラウザの設定。
各ブラウザのタブの配色設定でリンクの色の設定を変更して下さい。
これは制作段階でリンク色が無指定なら、ブラウザの指定色で表示されます。以下の様に指定すればIEもFirefoxも同じに表示されます。
a:link {color:#00F;}
a:visited {color:#F00;}
#～～　←この部分で色指定すればリンク色を統一できる。
a img{ }の設定かもしれない。

もしかして、訪問前・後で色が違うけど、その事を勘違いしていない？

細かいテクニックやハックを利用しない場合なら、CSSは別に書かない。

------------------------------------------------------------
#1補足の　＞２つ作って、ＩＥで見る人用とＦＦで見る人への対策
アカウントやHTMLファイルを２つ作るのではなく、CSSでIE分岐させれば良いだけ。　　でも、その程度なら一切不要です。正しいHTML,CSSのみで統一可能

お礼

ありがとうございます。勘違いではないです。ＦＦでの製作段階で、リンク枠をブルー（マウスオーバー前）になるようにしていたもの（クリックした後に色が変わる設定のことではありません！）が、ＩＥでみると黄色になっていたのです。（マウスオーバー前）　しかし、詳しい説明をありがとうございました。参考にさせていただきます。

回答No.2

ORUKA1951

＞ウェブサイトをファイヤーフォックスとインターネットエクスプローラーで見る時、同じように見えるようにするためには、どこをどのように変更すればいいのですか？
　これは個別の症状によってひとつずつ解決していくしかありません。

　HTMLは、基本的にどのような端末でも利用できる事が目的で作成された仕様ですから、まず、HTMLの方をきちんと正しく作成しましょう。
　初心者の場合、ブラウザによるの表示の違いの原因がHTMLの書き方が間違っている場合が結構あります。
The W3C Markup Validation Service ( http://validator.w3.org/ )
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
などできちんとチェックしておきましょう。

　そのうえで、スクリーン用にCSSでデザインしていきますが、よほど凝ったりしない限り、ブラウザによって大きくずれることは無いはずです。
　ただ、IEはブロック内に存在するときの基準となる幅の解釈がおかしかったりするので、そのあたりを配慮すればよいはずです。
　CSSをうまく適用させるためには、CSSでのデザインも考慮した--しかしCSSのためだけにdivを乱発したりしないマークアップをきちんとすること。
　これがポイントです。

　javascriptを使ってHTMLを書き出すとか、裏技的なハックを使うのは邪道で、それによってHTML本来の「プラットホームを制約しない」という目的を外れては本末転倒です。
　言い換えれば、それが必要になるようならHTML自体やウェブとはそもそも何かという基本を学び変えたほうが良いです。デザインのためにページを作るのではなく、情報発信のためにプラットホームに制約されないページを作るのが究極の目的なのですから・・

　私は、基本的にどのブラウザでも情報が伝わるように作成しています。その端末にはスクリーン(カラーでスクロール可能ないわゆるパソコンのディスプレイ)からPDAのような携帯端末、あるいはTTYと呼ばれる携帯電話、そして印刷(プリンター)わも含めてどのブラウザでもということ。
　これは訪問者側の視点から言うと、目が悪い人がフォントを大きくしたり、ハイコントラストで表示したり、あるいは読み上げブラウザ(スクリーンリーダー)で音声に変えても伝わるということ・・これがウェブにおける考え方なのです。

＞画像が表示されなかったり、
　これは、多くの場合HTMLが正しくない
＞リンクの枠の色がバラバラだったりして
　リンクの色はブラウザの持っているスタイルシートに依存します。必要なら上書きしておけばよい。

お礼

ありがとうございます。結構パソコンには向かっているのですが、難しいですね。もう少し、勉強してみます。ありがとうございました。

回答No.1

kata_san

はっきり言うと別々に作成するしかありません。
ソースが同一だから同じ表示になるということはありません。
同じように見えるなどの確認はしないよりはしたほうが良いでしょうが、
IEとMozilla Firefoxの違いだという認識をもってください。
ネスケとIEもそうです。

同一のページで作成したい場合には、それぞれの様式に合うようにブラウザが選択的に表示できるような工夫が必要です。

↓サンプル
<script language="JavaScript">
<!--
document.write("現在あなたが使用しているブラウザは以下の通りです。<BR><BR>");
document.write("<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=3>");
document.write("<TR><TD>ブラウザの名称</TD><TD><FONT COLOR=#40E0D0>"+navigator.appName+"</FONT></TD></TR>");
document.write("<TR><TD>バージョン</TD><TD><FONT COLOR=#40E0D0>"+navigator.appVersion+"</FONT></TD></TR>");
document.write("</TABLE><BR>");
//-->
</script>

このようなスクリプトを使用することでブラウザがわかります。
BGMでMIDIなどを鳴らすようにする場合も同様で別々に記載しないと
どちらかで不具合がでます。

MSの場合には、統一規格にも参加していないなど注意が必要です。

お礼

お世話になり、ありがとうございました。

補足

ありがとうございます。さすがですね！しかし、別々に作成ということになると、アカウントが２つ必要ということではないのですか？？　２つ作って、ＩＥで見る人用とＦＦで見る人への対策は、具体的にはどうしたらいいのでしょうか？