W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

IE9でのレイアウト崩れについて… IE9での表示がおかしいとお客様から指摘されましたが、こちらのIE9では正しく表示されています。同じIE9でこのようになる原因はどのようなことがありますか?CSSで思い当たることといえば、float指定ブロックの横幅オーバーやdisplay:table-cellの使用ですが、同じブラウザの同じバージョンでなぜこのようになるのでしょうか。修正をしても動作確認ができないため困っています。経験者の方や思い当たることがある方、お力を貸してください。

みんなの回答 5 件

名無しさんの回答

時々あるのだけど…ブラウザ表示を少しずつ拡大してみる。それでクライアントから言われたのと同じ崩れ方をしたら、先方で[表示]メニューからズームをリセットしてもう一度見てもらうとか。

名無し

ありがとうございます!クライアントへメールいたしました。IE9が入ったPCが自宅にないのですぐに確認できませんが、こんなに早く回答くださったことに、まずはお礼を言わせてください。また明日お客様からの連絡を待って報告いたします。

名無しさんの回答

互換性表示モードになっているのではないでしょうか?
アドレスバーの右端にある、敗れた紙のマークをクリックすると切り替わります。

名無し

ありがとうございます!クライアントにもイメージが伝わりやすい説明でとてもありがたいです。コードやバグよりPCの設定が疑わしいのに対処法がまったく見当つかず途方に暮れていました。まさかこんなに早く回答がいただけるとは…結果はお客様からの連絡を待って報告します。

名無しさんの回答

「互換表示」になってるんじゃないですかね。

互換表示 - Microsoft Windows

http://windows.microsoft.com/ja-JP/internet-explorer/products/ie-9/features/compatibility-view/
名無し

ありがとうございます!URLまでつけていただき本当に恐れ入ります。こんなに早く心強い回答がいただけて、正直泣きました。お客様にメールでお試しいただくようお願いしたので明日ご連絡を待って、報告させていただきます。

名無しさんの回答

まず、IE9の正確なバージョン確認と、可能であればキャプチャを送ってもらったほうがいんでないでしょうか。
あと、みなさんが上げているもの以外の事例だと、CSSでフォントをHelvecicaを指定して、HelvecicaをインストールしてあるマシンのIE9で見ると激しく崩れます。

名無し

トピ主です。ありがとうございます!お客様からまだ返答がありませんが、まずはご回答くださったことにお礼申し上げます。先日キャプチャを送っていただいたのですが、floatが無効になっている箇所ときちんと効いている箇所がある感じでした。フォントで崩れることがあるのですね!驚きました。仰る通りHelvecicaたくさん使っていたので今Helvecicaの指定を外してみました。これでまたお客様の連絡を待ちます。

名無しさんの回答

トピ主です。回答をありがとうございました。ただ今、お客様から連絡があり、解決いたしました!!
最初にズームをリセットしてもらい、互換表示の切替をしてもらったところ、直りました。切替前にCSSのフォントを直してしまったので今回の影響は正確にわかりませんでしたが、今後のために非常に参考になりました。
納期も迫っていて、不安でたまらなくなり、初めてこのサイトを利用しました。深夜なのに、早くとても親切に回答をいただき、本当に心強く、ほっとしました。驚きと感激で泣いてしまいました。誠にありがとうございました。勉強になりました。

最終更新日:2012-07-19 (46,161 views)

関連するトピックス

ページ上部に戻る