• 締切済み

MacのFireFoxで体裁が崩れます

自社のショップサイトを担当しているのですが、TOPページを 自宅のMac Fire Foxで確認したところ、添付のような体裁崩れが 起きているのを発見しました。 SafariやChromeでは問題なく表示されるのですが、 原因がよくわかりません。 職場はWindowsなので、そちらで確認した際は全ての ブラウザで問題なく表示されるのですが… 原因としては、メインイメージのスタイルに自動で挿入されてしまう positionプロパティが悪さをしているのではないか? と思うのですが…(ちなみにHTMLは4.0 文字コードはShift_jisです) WEB制作の経験は1年ちょっと…。職場に専門家(コーディングやスクリプトなど)が いないので、ここに質問させていただきました。 トータルで見れば、Mac FFの利用者は少ないかもしれず、無視してもよいのかも しれませんが、修正可能なら直したいと。 皆様のお知恵を貸してください。

みんなの回答

回答No.1

当方のMac+firefoxでは添付画像のようなズレは見られず、他のブラウザと同様に表示されました。 確認したバージョンは以下の通りです。 ・MacOS X 10.8.4 + firefox 21.0 ・MacOS X 10.8.4 + firefox 22.0 古いバージョンのfirefoxをご利用ではないでしょうか。 バージョンアップの上、リロードしてみてください。 CSSを見ると #mainVisualはちゃんと高さが取られてる(height: 380px;)ので、問題ないような気がします。 尚、サイトを探すのが一手間でしたので、URLを記載すると回答がつきやすくなるかと思います。

参考URL:
http://netshop.biomarche.jp/shop/default.aspx
satomiyuto
質問者

お礼

ご回答ありがとうございました。 すみません、ついうっかりURLを表記するのを 忘れておりました。 探してくださってありがとうございます! 社内のWindowsで古いバージョンのFFを 使用している者からも体裁崩れの指摘があり、 ご回答の中で指摘されていた#mainVisualの CSSを見直してheightプロパティの追記を したところ、体裁崩れを解消することが 出来ました! positionプロパティばかりに気を取られて いて失念していました。 解決のヒントをくださってありがとう ございました!

関連するQ&A

  • Macで見るとページが崩れます。

    Macで見るとページが崩れます。 お世話になります。まず、私のPC環境です。 windows vista使用。ブラウザは、IE7.0、Fire fox ver 3.0.5、opera 9.52, safari ver 3.1.2でページを確認しています。 他、windows xpでも、IE、Fire fox、opera、safariで、ページを確認しています。 この度、cssを使用したページをwindows では、問題無く表示されていたのですが macで見るとページ崩れがある事を指摘されました。 ページ崩れの内容も、macの機種により違ってくるのかもしれませんが… 一つのmacは、os x 10.2.8と言うもののようです。もう一つの機種は、不明です。 macに詳しくないため、どうしたらよいか途方にくれてます。 htmlの書き方が間違っているせいで、ページ崩れが起きているのか??しか私には思い浮かばず。 どんな事が原因なのか? 長文ですみません。 何かアドバイスを頂けると幸いです。

  • Macでお勧めのブラウザは?

    Macでお勧めのブラウザは?  昨日、初めてのMacを購入しました。入門機として白いMac Bookです。そこで質問なのですが、PCではFire Foxをメインで使っていたのですが、Mac版のFire Foxの使いやすさや速さはSafariと比べてどうなのでしょう?総合的にどちらがお勧めかアドバイス頂けたら幸いです。

    • ベストアンサー
    • Mac
  • Mac OS X のFirefox 3.0以上ダウンロード方法

    Mac OS X バージョン 10.2.8を使用しています。 Yahoo! JAPANへアクセスした際 「トップページの全機能をご利用いただくには、下記の環境が必要となります。 Windows:Internet Explorer 6.0以上 / Firefox 3.0以上 Macintosh:Safari 3.x以上」 と表示されました。 最新の「fire fox 3.5.3」ではなく、「fire fox 3.0.14」をダウンロードしようとしたのですが、うまくアプリケーションに登録されません。 ※画面上に現われるのですが、ダブルクリックしてもブラウザが表示されない。 もうMac OS X バージョン 10.2.8は古すぎて対応できないのでしょうか?

    • ベストアンサー
    • Mac
  • safariにIETabのような機能は?

    Mac OS X Lionで、safari5.1を使用しています。 たまにIEで開きたいページがあって、ChromeやFire Foxなら IEでレンタリングするアドオンがありますが、safariにそのような ものはないのでしょうか? ブラウザはsafariだけにしたいので、もしあれば教えてください。

    • ベストアンサー
    • Mac
  • HP作成におけるブラウザについて(初心者です。)

    MAC(10.4.11)でHPをcssを使用して作成しています。 HP作成に伴い購入した本には 「FIRE FOX、safari、operaの三種類はブラウザは同じように標準規格に準拠しているため、どれか一つのブラウザで表示を確認すれば、大抵の他のブラウザでも表示が崩れることはありません。」 と書いてあったのですが、fire fox(ver.3.5.1)ではきれいに表示されるのにsafari(4.0.2)では微妙に崩れてしまいます。 どうしてでしょうか?? また、IEは5.5しか持ってないのですがほとんど崩れて表示されます。 IEの場合はどのバージョンに合わせて作るのがベターなのでしょうか? とっても困ってます。 どなたか教えてください! よろしくお願いします!

  • Fire Fox

    Mac os Xで常にSafariを使用していますがFire Foxを入れました。 無意識にURLをクリックするとFire Foxがたちあがります Safariを優先するにはどうしたらいいのでしょうか? どこに設定があるか分かりません どなたか教えて下さい よろしくお願いします

    • 締切済み
    • Mac
  • ブラウザが突然閉じる...

    ブラウザのSafariが突然閉じてしまいます...。ようするに、 ばぐっちゃうと言いますか、勝手に終了しちゃいます。 フリーズはしません。 Fire foxでも突然、なる事があります。 Fire foxの場合は、バグを伝えるための報告が英語で 現れます。 これってウィルスに感染してるのでしょうか? MAC OSX 10.46 , Fire fox10.07 ,safari2.03です。 メモリは1.5GBつんでます

    • ベストアンサー
    • Mac
  • マックでhttpsのURLになっている画像などが表示されません。少し前

    マックでhttpsのURLになっている画像などが表示されません。少し前まではきちんとみれていたんですが…ちなみにサファリ、ファイヤフォックスなど違うブラウザでも同じです。 ウインドウズではどのブラウザでも問題なく閲覧できるのですが…、セキュリティの更新が原因のようですが、解決する方法はあるでしょうか?よろしくお願いします。

    • ベストアンサー
    • Mac
  • Dream weaver mx 初心者です。ホームページを作成し、ネッ

    Dream weaver mx 初心者です。ホームページを作成し、ネットで上で見る為に、internet explorer で見たのですが、自分のホームページがきちんと表示されません。というか、何も表示されない状態で、真っ白のページになっています。同じパソコンで、fire fox ではきちん表示してくれます。そして、Macでも確認しましたが、Safari と Fire foxでもちゃんと表示されますが、、windows の internet explorer のみだけが、ちゃんと表示してくれません。 これは、自分のパソコン上ではなく、他のパソコン上のinternet explorerでも同じくきちんと表示されません。 この問題は、Dream weaverのhtml コードに関係があると思っているのですが、どこをどう直せば良いのでしょうか? まだ初心者なので、初心者向けの説明でお願いします。

  • IE for Mac 5.2.3 で「文字セット」が変更できない

    PowerMac G4 800 Dual 10.2.6。 昨日 IE for Mac を 5.2.3 にアップグレードしてから、「文字セット」が変更できません。 そのせいか、それまでちゃんと表示されていた自分のサイトが文字化けしてしまい、どのようにしても正常に表示されません。 実は一昨日、「QNo.597962」にて Safari の文字化けの問題を質問したのですが、Safari に関しては(閲覧の度に)「日本語(Shift JIS)」にすれば「一応」解消されますが、今回はどのようにしても表示されません。「日本語(Shift JIS)」から変更できません。 アンインストール→再インストールしてもダメです。 それから、iMac(version2.1) 800MH、OS 10.2.6 にも IE 5.2.3 をインストールしたのですが、不思議にも、こちらは同一サイトが問題なく表示されるのです。 土曜日なのでサポートにも聞けません。とても困っております。どなたかどうかお助けを!!!

    • ベストアンサー
    • Mac