• ベストアンサー

firefoxで画像がmacで正しく表示されない

Firfoxで、タイトルロゴなどの画像が、winでは正しく表示されるのにmacではずれてしまいます。 MACではsafariで確認すると正常です。 winではIE、Opera、クロム、Firfox共に正常です。 MACのFirfoxだけずれます。 どうしてでしょうか?

  • HTML
  • 回答数2
  • ありがとう数1

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

  • ベストアンサー
  • ixkaito
  • ベストアンサー率69% (18/26)
回答No.2

No.1です。 記載のページを調べてみましたところ、 <h1>テンプネート製作所 株式会社のホームページです。~</h1>に高さを指定していないのが原因です。 こちらに line-height:15px; (font-size:10px; を指定しているので、line-height:1.5em; もしくは line-height:150%; でもOK) を指定すれば、ロゴが下にはみ出なくなります。 その他のOSやブラウザではみ出ていないのは、デフォルトのフォントとline-heightの違いによるものでしょう。 Winにヒラギノをインストールしていなければ、このページは Win Fx では MS P ゴシックが使用されます、Mac Fx ではヒラギノが使用されます。 Mac Fx と Safari のフォントは同じヒラギノですが、font-size:10px;に指定したとき、デフォルトのline-heightは、Fxでは16px、Safariでは15pxになっている模様。 このようなブラウザ間のデフォルト設定の違いをなくすため、リセットCSSがよく使われます。 検索すれば色々出てくるでしょう。 また、かなり古いテンプレートと思いますので、tableタグでレイアウトしていますが、あまり好ましくはありません。

kaede_c104
質問者

お礼

親切丁寧にありがとうございます。

その他の回答 (1)

  • ixkaito
  • ベストアンサー率69% (18/26)
回答No.1

もう少し詳しい症状とスペックを書いていただかないと回答は難しいと思います。 Mac OS と FireFox のバージョンはいくつでしょうか? 一番いいのは画像がズレて表示されるサイトのURLを載せて見てもらうことですかね。 ちなみに Mac FireFox でページを再読み込みしても同じでしょうか。

kaede_c104
質問者

補足

OSは10.6.8 FXは17.0.1です。 http://tempnate.com/sozai_stylish_log/stylish_dot_blue_log/ こちらのテンプレサイトのタイトル画像です。

関連するQ&A

  • Safariの表示と他ブラウザの表示の違い

    HPを制作し、その表示確認にはwinのIE/NN/Firefox/Opera、Mac/IEを使用していますが、Safariで確認できる環境にありません。Safariってどんな感じでしょうか?上記で確認してOKなら、Safariでも大丈夫(そうな)感じですか?また、CSS等の扱いで、Safari独特のものなどもしあればお伺いしたいのですが。

    • ベストアンサー
    • CSS
  • macとwinだとフォントのサイズが異

    macとwinだとフォントの サイズが異なりデザインが崩れてしまいます。 一応サイズはcssで指定していますが・・・ winで見ると枠に収まっているのに macで見ると収まりきれずに枠が大きく なってしまいます。 macとwinのフォントサイズを 統一させるにはどのような 指定をしたやよいでしょうか? ちなみに使用ブラウザは win・・・FireFox、IE6,7,8、Opera、Safari mac・・・FireFox、Opera、Safari です。

  • Firefox1.5で表示できない画像があります

    自分のホームページでのことですが、リンク集ページで複数のバナー画像をアップしています。 IE、Operaなどでは正常に表示できるのですが、Firefoxで見たときだけ画像が表示されません。「×」マークも表示されない状況です。 タグの確認もしましたが、他のブラウザでは表示されることからタグに問題はないようです。 Firefoxの設定がおかしくなっているのでしょうか。 ツール→オプションの設定では、下記のようにしてあります。 「画像を読み込む」 → チェックON 「同じWEBサイトにある画像のみ読み込む」 → チェックOFF また、WindowsXP SP2 セキュリティー対策はマカフィーのウィルス対策とFire Wallのみです。 仕事用のホームページなので困っております。 どなたかアドバイスをお願いします。

  • WinでMacの表示を確認する方法は?

    素人なので教えてください。 自分の作ったホームページをMacユーザー(たぶんsafari)の友人がみて文字がずれていると指摘がありました。 その状況を自分の目でも確認したいのですが、私はWin(IE6)のパソコンとWin98の古いパソコンしか持っていません。Macの方がwinでの表示を確認する方法は質問にあったので、逆も可能かなと思い質問してみました。よろしくお願いします。

  • MacのSafariでは画像の自動サイズ調整機能はある?

    IE6.0以上では、デフォルトでJpeg画像などを表示するときにブラウザのWindowサイズに収まるように画像サイズが調整される機能があります。 MacのSafariでは同じような機能がありますか? またそれはデフォルトでそうなっているのでしょうか。 周りにMacユーザーがいないので確認させてください。

    • ベストアンサー
    • Mac
  • 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の書き方が間違っているせいで、ページ崩れが起きているのか??しか私には思い浮かばず。 どんな事が原因なのか? 長文ですみません。 何かアドバイスを頂けると幸いです。

  • IEでの正しいサイトの表示確認がしたい

    自分のサイトをsafari、firefox、operaで表示確認をしているのですが とりあえず3つのブラウザでは正しく表示されていました。 しかし、最近漫画喫茶にある本物のIEで確認した所、 かなり表示が崩れていた為、とてもショックを受けました。 当方OSXを使っているのですが macでもIEでの表示確認が出来るソフトはありますでしょうか? IE6や7で簡単に確認できる方法がありましたらお教え下さい。

    • ベストアンサー
    • Mac
  • MacのfirefoxでCSSが読み込まれない件

    初めまして。 現在XHTML+CSSでサイトを製作しているのですが、ブラウザチェックの段階で、「MacのFirefox」だけCSSを読み込んでくれません。 MacのOPERA、SAFARI WinのFirefox、IE は問題なかったのですが、Macのfirefoxだけダメなんです。 記述は「@import」ですが、個別設定(3つのCSSファイルを個別にhtmlに指定)もやってみましたがダメでした。 このような事態になった方はいらっしゃいますでしょうか? どうか、助けてください、よろしくお願いします。

    • ベストアンサー
    • Mac
  • Flash8のフィルタがIEだけで表示されない?!

    Flash8で制作したデータで、ムービークリップにフィルタ(ベベル)をかけたものがWinのIEでだけ表示されません。 MacOSXではFirefox、Safari、Opera、NN(いずれも最新Ver)、IE5.2で正常に表示されます。 WinXPではFirefox、Opera、NN(いずれも最新Ver)で正常に表示されますが…IE6だけ、フィルタをかけた部分だけが表示されません。 他の部分は正常に動作・表示されるのですが、その部分だけ欠けている(透明になっている)のです。  同じような症状が見受けられた方、いらっしゃいますでしょうか? 何か解決策があれば宜しくご教授ください。

  • Firefoxで、画像が表示できないときに[×]を表示したい

    WEBページを作っていまして、 firefoxを使って動作確認をしているのですが、 画像が見つからないとき IEと違って[X]マークがfirefoxには表示されず、 ホバーすることができず画像のURLを確認することができない (ステータスバーにURLが表示できない) ので、不便で困っています。 firefoxに表示できない画像をIEのように [X]等で表示してくれる設定はないでしょうか?