• ベストアンサー

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

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

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

  • ベストアンサー
  • Hoyat
  • ベストアンサー率52% (4897/9300)
回答No.3

#1&2です。 IE8であれば基本的には崩れないはずですが、「CSSハック」記述があると、CSS記述がすっきりしないだけでなく、誤記やエラーの原因になる可能性もあります。 ですのでCSSを直す際には「CSSハック」記述は全て消してください。 まぁだから繰り返しになりますが「cssを含めたhtml記述の見直しをした方が早いですよ」となるんです。

takkun1201
質問者

お礼

何度も申し訳ありませんでした。CSSの見直しを徹底してみます!ご回答頂きまして、本当にありがとうございました。

その他の回答 (2)

  • Hoyat
  • ベストアンサー率52% (4897/9300)
回答No.2

#1です。 もともと「CSSハック」ってのは「Web標準に全く準拠しないInternet Explorer 6(IE6)向け」の「CSSの追記」の事です。 CSSの文法が正しければGoogle Chromeでもガタガタになると言う事はありません。 IE8自体は、Web標準の準拠するようには作られているんですけど、IE6向けの「Web標準に準拠していないコードも読む」ので、ホームページの確認には実は「向かないブラウザ」なのです。 なのでGoogle Chromeで崩れる部分は「Web標準に準拠していないコード」になっている可能性が高いのでCSSを見直して書き直すのが必要となるので「cssを含めたhtml記述の見直しをした方が早いですよ」と申し上げています。

takkun1201
質問者

補足

なるほど!そういうことなのですね!しかしながら、CSSを見直した場合、chrome基準で手直しするとchromeではきちんと見えても、IEで表示するとまたズレてしまうということはないのでしょうか?

  • Hoyat
  • ベストアンサー率52% (4897/9300)
回答No.1

IEのバージョンは? 6辺りでチェックしていませんか? Google Chromeの方がw3c規格(html文法の規格)に準拠していますのでGoogle Chromeで表示がガタガタになると言う事はFireFoxやSafari等、他のブラウザでも崩れるという事です。 cssを含めたhtml記述の見直しをした方が早いですよ。

takkun1201
質問者

補足

ご回答ありがとうございます。IEのバーションは8です。『chrome ハック』などと調べてはみたのですが、CSSにどのように適応すればよいのか、よくわかりません。CSSで設定している一つひとつの要素にハックを指定していくのでしょうか?

関連するQ&A

  • Google Chrome用CSSハックについて

    Google Chrome用CSSハックについて こんにちわ。いつも皆様のアドバイスに感謝しております。 標記の件でお訪ねします。 これまでtext-alignを-9999pxにしてブラウザ表示外にテキスト飛ばしをしていたのですが、スパム対策の一環としてこれを止めて、font-size=0pxで見えなくさせるようにしています。 ですが、Google Chromeですと適用されておらず見えちゃいます。。。 Google Chrome用のCSSの書き方はありますでしょうか。

    • ベストアンサー
    • HTML
  • Google Chromeでの表示フォントについて

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

  • Chromeで検索ウインドウを表示する

    IE11よりChromeに乗り換えました。 すっかりIEの環境になれたしまったので少しずつChromeに慣れてゆく予定ですが 少し困ったことがあります。 IEではgoogle toolbar を導入していたので上部に検索ウインドウが表示されていたのですが Chromeでは表示されていません。 (Chromeでは、google toolbarはインストールできない) IEと同じような常に検索ウインドウが表示される方法はありますか? ----------------------

  • google chrome で表示がされない

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

  • Google chrome でYAHOOのトップページ表示がおかしい

    ブラウザ Google chromeを使用していますが先ほどからYAHOOのトップページ(通常版)のみCSSがリンクしていないような表示になっています。 IE8やFirefoxでは問題なさそうです。 Google chromeキャッシュ等はクリアーしましたが、症状変わりません。 どなたか、原因のわかる方はいらっしゃいますでしょうか?

  • Google Chromeの設定について

    Google Chromeを入れてみたのですが 「オプション」→「高度な設定」タブ→「コンピュータ共通のSSL設定」 のところに、「SSL 2.0を使用する」というチェック欄があります。 よく知らなかったので調べてみたら、どうもSSL 2.0というのは古いバージョンらしいのですが、これは古いバージョンのものを使用するかどうか聞いているのでしょうか。それとも、古いバージョンだろうがSSLを利用したければここにチェックを入れろという意味でしょうか。 多少使い勝手が悪くなってもセキュリティを重視していますので、セキュリティ的にはチェックを入れたほうがいいのかどうか教えてください。 それとホームページはgoogleにしたいのですが、「よくアクセスするページ」が表示されるページも便利なので、(ブックマークするとかではなく)ホームページボタンのようにクリック一発でこのページに飛ぶボタンがツールバーに欲しいのですが、設定する方法はありますでしょうか。 あと、これは本当にたいしたことではないのですが、IEではブックマークを表示するボタンが左にあって、Google Chromeでは右のため少々ややこしいです。これを左にもってくる方法はありませんでしょうか。 他に主にセキュリティの面でこの設定などをしておいた方がいいなどがありましたらよろしくお願いします。 ちなみに規定のブラウザはIE8で、Google Chromeはサブ的に使っていこうと考えています。

  • Chromeだと表示されない

    Chromeだと表示されない お世話になります。先日よりブラウザを(Firefoxから)グーグルChromeに変更して使っているのですが一部のサイトで広告の部分が表示されません・・・ニフティのトップページ右側上部のところなんですがChromeではそこだけ空白になります。そのままIE Tabに切り替えれば表示されるのですが。 FirefoxやIE8でニフティを開くと普通に見れます。gooやyahoo,msnなど似た様なところに広告がありますが、それらはChromeでも普通に見れます。ニフティのトップページが原因なのかChromeなのか分かりません。・・・・広告が見れないのが困るのではなくて、なぜ!?Chromeとニフティの組み合わせでは表示されないのか理由がしりたいのです。 画像~マウスポインタがあるところです。

  • Google_Chrome でのGoogleマップについて

    Google_Chrome でのGoogleマップについて 表示は軽快に出来るのですが、ルート検索などの結果の所要時間がデタラメに表示されます。 (OperaやFireFox、IEなどの所要時間予測の結果は同じだが、Chromeだけ…その時ごとに違ったりする) OSはXPsp3です。 これは、私のパソコン固有の問題なのでしょうか? (他のソフトと干渉しているとか…理由はともかく) できれば、標準のブラウザをGoogleChromeにしたいのですが、Googleマップを頻繁に利用しているので、この「予測時間のデタラメ」はチョット何とかしたい要素になっています。

  • バージョンの異なるIEのCSSについて

    ホームページのデザインをCSSハックを利用してIE6、IE7に対応させているのですがIE8にも対応させたいと思っています これを機にCSSハックではなくバージョンの異なるIEに共通するスタイルシートをつくりたいと思っているのですが、これを実現するためにはCSSの初期化という方法がいいのでしょうか? 参考になるサイトなどでも結構ですので、アドバイスをお願いいたします

  • google chrome 

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