• ベストアンサー
  • すぐに回答を!

グーグルクロームとIEの表示の違い

IEではちゃんと表示されているホームページがグーグルクロームでは、壊れてしまいます。 外部CSSファイルを使っていますが、HTMLファイルに特別な書きようがあるのでしょうか?

共感・応援の気持ちを伝えよう!

  • 回答数3
  • 閲覧数7608
  • ありがとう数8

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

  • ベストアンサー
  • 回答No.1
  • se-nabe
  • ベストアンサー率34% (31/91)

IEとクロームに限らず、 ブラウザー全て違います(微々たる差) HTMLに特別な書き方が必要な場合もありますが、 私が考えるに、IEでしかちゃんと表示させられないような書き方をしていると思います。 多少のずれや、マージンの差があっても、ちゃんとした書き方をしていれば、ある程度壊れずに表示されるものです。 特にtableとか、margin、padding、floatあたりが結構シビアに変わってきますので、そこらへんを調べてみてはいかがでしょうか?

共感・感謝の気持ちを伝えよう!

質問者からのお礼

ありがとうございました。 当方、初心者で、参考書と首っ引きで、サンプルを参考に、なんとかCSSとHTMLファイルを書き上げました。 試したサンプルは、確かにちゃんと表示されておりましたので、 margin、padding、などは、サンプルのままだとは思うのですが、もう一度確かめてみます。

関連するQ&A

  • Google Chromeでの表示フォントについて

    Web制作の仕事をしているのですが、cssでフォント指定しているのにも関わらず、急にGoogle Chromeでの表示フォントがデフォルトに戻ってしまいました。 数日前までは、cssで指定しているフォントで表示されていました。 また、IEやFirefox、他のPCではこの現象は起きていません。 Google Chromeの問題だと思い、アンインストール等試してみましたが、改善されません。 どなたか修復方法をご存知でしたらよろしくお願いいたします。

  • ファイヤーフォックスだとホームページは表示されるのに、IEでは表示され

    ファイヤーフォックスだとホームページは表示されるのに、IEでは表示されません。 IEで自分で作ったホームページを開こうとすると、「reji.css」確認中・・・一時ファイルを・・・とメッセージが出て、許可するとCSSエディタが出てきます。 同じように作った別のページは普通に表示されるのに、これだけ表示されず大変困っております。 IEで表示されないページのアドレス http://www,tsuhan-hyakka.com/reji IEでもFFでも表示されるアドレス http://www.tsuhan-hyakka.com/reji-casio CSSも同じものを使っています。 試行錯誤しながら作ったホームページなので、何とかIEで見れるようにしたいと 思ってます。 どうかよろしくお願いします。

  • google chrome で表示がされない

    google chromeを使用してしばらくすると(数週間くらい)表示速度がおそくなり、最後はHPが表示されなくなることが多くなりました。 IEに戻すと表示されないことはありません。 google chromeは表示が速いので、私は使いたいのです。 原因をご存じの方おられましたら、ご教示よろしくお願いいたします。

その他の回答 (2)

  • 回答No.3

もしあなたがIE6で動作確認をしているのなら、以下のページが役に立つかもしれません。参考までに。 http://webtech-walker.com/archive/2007/05/21215114.html ホームページを作る際は、IEだけでなくグーグルクロームやFirefox、その他いろいろなブラウザで動作確認をする必要があると思います。 ちなみに参考書通りにしてダメだったのなら、その参考書がダメだということになります。ちなみに過去に私もいくつか参考書を購入しましたが、後から見て間違った内容がいくつかありましたし、結局参考書に書いてあるようなことはあまり使えなかったりします。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

ありがとうございました。 紹介いただいた頁をしっかり読んでみます。 参考書の件も了解しました♪

  • 回答No.2
  • KI401
  • ベストアンサー率53% (44/82)

> 当方、初心者で、参考書と首っ引きで、サンプルを参考に、なんとかCSSとHTMLファイルを書き上げました。 よし、そんな参考書は今すぐ窓から投げ捨てるべきだ。 あなたが間違いなくその本のHTMLやCSSを一字一句違わず書き移し、IEでは期待どおり表示され、 クロームでは崩れるってんなら、悪いがその参考書は間違ったサンプルを載せてる可能性が高い。 有名な事実なのだが、IEはHTML・CSSの解釈で誤っている所が多く、 Firefoxやクローム、Operaなど他のブラウザはかなり仕様に近い解釈をする。 つまりIEで正しく他で崩れるという現象はそもそも誤った書き方をしている可能性が非常に高い。 なので、そんなサンプルが載っているサイトや参考書はアテにするなと言わざるを得ない訳だ。 ※投げ捨てるとは少々過激な表現ですが、こういうアドバイスをしなければならないほど、  市販の参考書にはいい加減なことが書いてあります。当然よい参考書もあるのですが。。。 ソースがないのでこれ以上具体的にどこが間違っているのかとかは指摘できないが、 marginやpaddingを使っているようなのでwidthの計算のバグじゃないかと予測。 あと、IEのバージョンが6か7か8かでも随分と違ってくる。 そういった情報もあればどんどん伝えていった方がいいよ。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

回答をありがとうございました。 ブラウザがそんなに沢山あることも知りませんでした。 marginやpaddingを使っているようなのでwidthの計算のバグじゃないか・・・多分ここいらがやばいんだと思います。 IEを見ながら、ちょっとズラし・・・を繰り返しましたので、 ちゃんと計算してやり直してみます。 みなさん本当にありがとうございました。

関連するQ&A

  • google chrome 

    現在はIEを使っています。 入力の最初に 半角/全角 を押すのが煩わしいなぁと思っていたところ、ここで下の方法知りました。 下の方法で現在はIEでとても便利に使用しているのですが、google chromeでも同じような事は可能でしょうか? ためしにgoogle chromeを使ってみた所、あまりのサクサク感にびっくり! google chromeでも下と同じような事(自動的に あ般 になる)ができるのであればメインとして使いたいと思い質問しました。 宜しくお願いします。 『テキストエディタにinput, textarea { ime-mode : active }と記述。 それをマイドキュメントなど適当な場所に、cssファイルとして保存。 次にIEのインターネットオプション→全般→ユーザー補助→ユーザースタイルシートの「自分のスタイルシートでドキュメントの書式を設定する」にチェックを入れ、「参照」で先ほどのcssファイルを指定。 これでIEを開けばすぐに日本語入力出来る。』

  • IEのプレビューの異常について教えてください

    Dream weaver CS5のブラウザでのプレビューにIEとgoogle chromeが登録してあります。 作成中のページをIEで確認すると、作成中のページは表示されますが、 他のページ(自分のサイト)へのリンクの確認をするためリンクページを表示させると、CSSが適用されない画面になってしまいます。 以前は、リンクしてもCSSは適用されていましたが、いつの間にか適用されなくなりました。 Google chromeでのプレビューは、正常に表示されますが、IEだけが異常です。 Dream weaverを使わずに、htmlファイルから直接、IEでプレビューしても同様にCSSが適用されない画面になります。 なにが原因なのか、また、解消法を教えてください。 なお、バージョンはIE10です。

  • Google Chrome からIEに戻したい

    Google Chrome からIEに戻したい 最近Google Chrome をダウンロードしましたが、メインのブラウザにするにOKしてしまいました。 そのため、デスクトップのショートカットから入るHPなどは皆G.Chromeのブラウザ上になってしまいます。IEをメインのブラウザに戻すにはどうしたら良いでしょうか。よろしくお願いいたします。

  • Chromeで表示するとズレてしまう

    作成したホームページをIEで表示すると全く問題ないのですが、Google Chromeでチェックするとぐちゃぐちゃで全くでたらめに表示されてしまいます。どうすればきちんと表示することができるのでしょうか?これがCSS ハックというものなのでしょうか?だとすれば、CSSの中にChrome対応の一文を挿入すれば回避できるのでしょうか?どなた様かご教授願えませんでしょうか。どうぞ宜しくお願い致します!!

  • IEからGoogle Chrome への以降

    私は、以前 Internet Eplorer 10 を使用していました。 しかし、Gmail に画像を添付できなかったり、ソフトが正常に作動しなかったりと、 あまりにもトラブルが続いたので、今回、Google Chromeにブラウザを変えたいと考えています。 既にダウンロードしているのですが、これまでIEしか使った事がないので、 面食らっているというのが本音です。 というか、何が分からないのかも、よく分かりません・・・(笑) そこで、まずはIEのように「お気に入り」に、普段良く使用するサイトを登録しておきたいのですが、 そんな機能、Google Chrome にありますか? どなたか、教えていただけると嬉しいです。 よろしくお願いします。 ※その他にも「IEにはない、こんな便利な機能があるよ」といった、 推薦機能があれば、教えていただけると嬉しいです。

  • google chromeでは、ネットができるのに、IEやファイヤーフォックスじゃあインターネットにつながりません

    google chromeでやっているのですが、IEでページを開こうとしたらInternet Explorer ではこのページは表示できません って出て、ネットにつながりません・・・・ ファイヤーフォックスでも同じです・・・ オンラインゲームやgoogle chromeはできるのですが・・・ google chromeだと、IEでしか開けないページがあって困っています・・ 設定がおかしいのだと思いますが、どうしたらいいのでしょうか

  • Google Chromeの新しいタブの表示

    既出であったらすみません。 Google Chromeで、「新しいタブ」をクリックすると、 「よくアクセスするページ」か「アプリケーション」というページが表示されます。 自分としては「新しいタブ」をクリックした時にGoogleのホームページが表示される ようにしたいのですが、設定(レンチアイコン)のところの設定項目には 見当たりません。 ちなみにIEとFirefoxも新しいタブを開くと、同じく履歴表示が出てきます。 新しいタブを開くときに指定のホームページを表示する方法はありますでしょうか? 宜しくお願い致します。 (ホームボタンは全て設定してあります)

  • グーグルクロームよりIEが遅い理由

    グーグルクロームは普通に動きますが IEが遅いです なにか理由ありますか? 何かを消したら早くなるとかですかね?

  • Google Chromeについて

    Google Chromeについて 4年半前からWindows XPを使用しています。最近InternetExplorer ver7.0とGoogle Chromeもインストールしました。Google Chromeを立ち上げ時のホームページに設定しました。ところがメニューバーが表示されません。どうしたら表示できるか教えて下さい。また、以前のようにGoogleをホームページに設定した場合、Google Chromeは機能しているのでしょうか。

  • IEが特定のページでフリーズ(互換表示で真っ黒に)

    VAIOデスクトップ WIN7 64bit ウィルスソフト:ESET Smart Security を使用しています。 IE9で、ブログやtwitterも含めた、特定のページに限って、フリーズした後、 「表示中に問題が発生したため、互換表示に切り替えました」 という表示が出て、真っ黒になります。 google chrome や、他のPCのIEでは問題なく表示されます。 IE10にアップグレードしましたが、結果は同じでした。 どうやら、アクセスの多いページに、この現象が多いような気がします。 ↓また、こちらのページも、IE9以降になると、背景しか表示されず、困っています http://tempnate.com/(※CSSテンプレートのホームページです。google chromeでは問題なし) WEB制作の便宜上、やはりIEは外せません。 色々調べましたが、どれも見当違いの対処法みたいで、解決されませんでした。 どうぞよろしくお願いいたします<m(__)m>