• ベストアンサー

CSSによるIEとFirefoxで表示されるデザインが異なる

CSSを使ってwebデザインしたときに、 IEとFirefoxで表示されるデザインが異なってきます。 (Operaもしかり) 一般的にこのような違いをなくすために、 どのようにして工夫されているのでしょうか? ブラウザごとの違いは仕方ないのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
回答No.3

>ブラウザごとの違いは仕方ないのでしょうか? 昔(IEvsNN時代)よりはマシになったと思うんですが、 IEがわが道を往く限り差はどうしても出るでしょうね。 OS内臓というスタイルである以上、IEが絶滅するというのもまず考えられないので ブラウザ間の差をカバーするのはスキルとして必要だと思います。 誤差を完全になくすのは面倒ですが、いくつかの重大なバグ・仕様さえ把握しておけばそれほど難しいことではないと思います。 ・IEを信用しない ・ブラウザ間の差分は別ファイルかフィルタリングで対応 ・使えるjsライブラリはうまく活用する

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

noname#100277
noname#100277
回答No.2

Tridentレンダリングエンジン(IE)はハッキリ云って「独自拡張」が多過ぎます。 Gecko(Fierfox等・・・)はW3Cによる勧告に合致する事を目標に作成されて居る為、web標準の表示に成る。 拠って、基本はGeckoエンジンで動作確認をして、拡張したい場合はTridentエンジンでってのが理想でしょうか? 一応入手可能な全てのブラウザでの動作確認をするのが最良なのですがね。

全文を見る
すると、全ての回答が全文表示されます。
  • nori_007
  • ベストアンサー率35% (369/1048)
回答No.1

出来る限り、web 標準で制作し、IE は調整しています。 メインブラウザを、FierFox にし、他のブラウザは調整しています。 基本的に、FireFox を基本に制作するば、Opera や、Mac OS X の safari では大幅な違いは無く、IE だけ、web 標準で外れている部分を調整します。 >ブラウザごとの違いは仕方ないのでしょうか? 出来る限り、対処をするようにしています。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • cssを使ってlist表示(opera)

    こんにちは。 初心者ですが、今cssとxhtmlを用いてのweb制作をしております。 cssの指定でマウスを乗せると色が変わるメニュー(横型)を配置したのですが、Firefoxでは動作確認できるのですが、IEでは全部崩れ、operaではメニュー部分のリストが指定できていません。 FirefoxとoperaではCSSの記述に違いがあるのですか? そして、IEで表示する際にcssはどうしたらきちんと読み込んでくれるでしょうか??

    • ベストアンサー
    • HTML
  • 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
  • cssで指定した文字の大きさがIE6とIE7で違う

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

  • IEだけ外部CSSを読み込まない

    こんばんは。 レスポンシブサイトを製作中なのですがIEだけが外部CSSを読み込みません。 Chrome、Firefox、Opera、Safariなどのモダンブラウザは異常なく読み込みます。 IEに限ってどのバージョン(少なくとも8~11)もCSSを読み込まずHTMLだけのレイアウトです。 考えられる原因は何だと思われますでしょうか? モノをあげられないので推測での話になると思うのですが、よろしくお願い致します。

    • 締切済み
    • CSS
  • 各ブラウザにおいて、表示できるCSSとできないCSS

    こんにちは。はじまして。 現在ブログを製作しております。 先日、http://www15.ocn.ne.jp/~mksozai/design/line.html こちらのサイトで、変わったCSSを見つけ早速ブログのデザインに生かしてみようと導入しました。 IEでは問題なく表示されるのですが、Firefoxでは効果が適用されません。。。 そのCSSは filter:alpha(opacity=100,finishopacity=0,style=1); こちらになるのですが、これをIE以外のブラウザにも効果を適用させる方法はないでしょうか? これはIEのみ表示できるCSSだと解釈するべきなのでしょうか? ご存知の方がおられましたら、教えていただけると幸いです。 よろしくおねがいします

    • ベストアンサー
    • HTML
  • htmlとcssのデザインについて

    Webサイトでデザインをする際に、cssを利用すると<table>タグ不要でテーブルデザインできるようです。個人的には色やフォントに限定してcssを適用しています。古いブラウザで見れないなどのデメリットがありますが、今後はcssでデザインをするのが一般的になるのでしょうか? 個人的にはcssで全てを作ると可読性が悪くなるような気がするのですが。。。

    • ベストアンサー
    • HTML
  • CSSレイアウト=firefox3.0とfirefox3.5のブラウザ

    CSSレイアウト=firefox3.0とfirefox3.5のブラウザ表現の違いについて教えてください。 firefox(以下。FF)3.0と、3.5ブラウザの見え方の違いが発生してしまいました。 FF3.5基準だと、IE(6.0。7.0。8.0)でも問題なくみえますが、 なぜかFF3.0だけ CSSレイアウトが 崩れています。 基本 FFは準拠しているものとして 3.5基準で作っていましたが、 仇となってしまいました。(私の勉強不足ってのもありましたが) これは ハック等で問題は解決できるのでしょうか? それとも、margin等の規格がIEバグのように 違うものになっているのでしょうか? ご回答よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • Operaでの表示がおかしい(CSSハック)

    あるサイトをWebデザインしているのですが、F5キーを押せばOperaでの表示がおかしくなります。 色々CSSファイルとかを自分なりに見て解決法を試行錯誤したのですが、自力では限界になって投稿させて頂きました。 ■ 問題の内容 ・ 表示がおかしいブラウザはOperaに特定される。 ・ 環境はHTML5・CSS(外部ファイル)・JQuery(外部ファイル) ・ Operaで最初に表示させた時はローカル・Webとも通常表示されるが、そのサイトをF5(更新)キーで押した時、サーバーアップ時のみレイアウトが崩れる(ローカル(Windows)上の同ファイルをOperaで開いた時及びF5キーを押した場合は、両方とも表示崩れが起きない)。 ・ レイアウト崩れは特定の部分のみ。 ・ お客様のサイト、自社でテストでアップしたサイトの両方のサーバー(別会社)とも全く同じ現象が起きる。 ・ 通常表示時に別サイトに行き、リンクや戻るボタンで戻った時は、上記崩れは起きていない。 ・ Opera以外のブラウザ(試しているのはOperaのほか、IE・Firefox・Chome・Safari)では上記現象は一切発生しない。 通常のOperaのCSSハックをすれば解決するっていう感じでは無さそうですし。 解決策は何かありませんでしょうか。 よろしくお願いいたします。

  • Firefox、IEで接続できない

    Firefox、IEでwebページを開くことが出来ません。 しかし、なぜかOperaのみは接続することが出来ます。 ファイアウォールをオフ、ブラウザの再インストールをしても駄目です。 WindowsXP SP2 Firefox 2.0.0.11 Internet Explorer 7.0.5730.11

  • HTML,CSSの表示について

    宜しくお願い致します。 webサイトを制作しているのですが、 IE6、IE7で表示チェックをすると、レイアウトが崩れてしまいます。 クロム、ファイヤーフォックス、オペラ、サファリは大丈夫でした。 いろいろ調べた結果、IEのバグだと思われます。 そこで疑問に思ったのですが、 プロのweb制作会社の方は、IEのバージョンごとのcssを用意なさっているのでしょうか? それとも、何か他の方法があるのでしょうか? もし参考になるサイトなどあれば教えてもらいたいです。 宜しくお願いします。

    • ベストアンサー
    • HTML