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の書き方が間違っているせいで、ページ崩れが起きているのか？？しか私には思い浮かばず。
どんな事が原因なのか？

長文ですみません。
何かアドバイスを頂けると幸いです。

No.2 ベストアンサー 回答者： notnot 回答日時： 2009/01/06 20:44

ページの見え方は、OSじゃなくてブラウザとそのバージョンで決まるのはご承知でしょうが、Macにも色々ブラウザがあります。

「ブラウザキャプチャ」で検索すると、いろいろなブラウザでどう見えるかを画像で見せてくれるサイトが見つかります。そういうので調べてみましょう。

＞どんな事が原因なのか？
色々考えられるでしょうね。ブラウザ依存の書き方をしているとか、ページ崩れを指摘した人のブラウザのバージョンが古すぎるとか。
よくは知りませんがMac用IEもあるので、そういうのがおかしな仕様なのかも。

この回答へのお礼

webで下記のようなサイトを見つけました。
macでのイメージがつかめて参考になりました。

今回のページ崩れは、指摘した方のブラウザの問題
だったようで、今は落ち着きました。
どうもありがとうございました。

http://www.browsrcamp.com/

お礼日時：2009/01/08 00:32

No.5 回答者： noname#83877 回答日時： 2009/01/07 21:04

macでは崩れるとのことですがレイアウトはCSSで行われているのでしょうか？

もしもそうなら以下の可能性が考えられます。
・Macの方のブラウザが下記以外のバグを持っている
・CSSハックの誤作動
・CSSが文字化けしている
・HTMLの記述ミス

一番最後の項目は　http://openlab.ring.gr.jp/k16/htmllint/htmllint. …　で調べられます。

この回答へのお礼

回答ありがとうございました。

今回のページ崩れは、指摘された方のブラウザの問題だったようです。
また、横1行に表示される文字数がwindowsとmacでは違うようで
改行の位置が変わってくるとページ崩れも起こる感じでした。
CSSなどには、問題無かったようです。

どうもありがとうございました。

お礼日時：2009/01/08 00:39

No.4 回答者： soubandako 回答日時： 2009/01/07 04:54

Mac OSは後継OSが発売されると、旧バージョンのMac OSの販売は終了になりますので、旧バージョンのMac OSと依存関係にある特定のバージョンのSafariや、公式サイトでの公開が終了しているInternet Explorer for Macの入手が難しくなります。

（入手方法としては、運よく知人から譲り受けられたり、中古販売やオークションで入手したり、Apple Developer Connectionソフトウェアシーディングプログラムを利用する等が考えられます）

また、Mac OSの後継OSの発売後、一定期間を経て旧バージョンのMac OSのセキュリティアップデートのリリースも終了(事実上のサポート終了)しているようですので、Mac OSのブラウザを継続的にサポートするのであれば、基本的に最新バージョンのMac OSのデフォルトブラウザとなっているSafariの最新バージョンのサポートのみで良いのではないかと思われます。

もし、サポートの範囲を広げるとしたら一世代前のSafari 2.0.4やFirefoxでしょうか。

上記の理由により、問題が再現する実機の用意の困難さを考えますと、サポートしない事によって発生する損失と、サポートする事によって発生する利益とコストを天秤にかけて、メリットの有る方を選択する事になってしまうのではないかと思います。

特に旧バージョンのブラウザはサポートしているHTMLやCSSのバージョンが古かったり、固有のクセやバグが有るかも知れませんので、原因が特定出来ても簡単には修正出来ない事も考えられます。

以下に、Mac OS 9～Mac OS Xの現在の最新バージョンとそれがリリースされた日付、そのバージョンにインストール可能な主要なブラウザの最新バージョンをざっくり列挙してみましたので参考になるかと思います。

[デフォルトブラウザ: Internet Explorer for Mac世代]
Mac OS 9.2.2 (2001/12/05最新版リリース): Internet Explorer for Mac 5.1.7
Mac OS X 10.1.5 - Puma(2002/6/6最新版リリース): Internet Explorer for Mac 5.2.3
Mac OS X 10.2.8 - Jaguar (2003/10/3最新版リリース): Internet Explorer for Mac 5.2.3／Safari 1.0.3
※ Internet Explorer for Mac 5.1.7(Mac OS用)と5.2.3(Mac OS X用)のMicrosoftのサポートは終了しており、公式サイトからダウンロードも出来ない。

[デフォルトブラウザ: Safari世代]
Mac OS X 10.3.9 - Panther (2005/4/15最新版リリース): Safari 1.3.2／Internet Explorer for Mac 5.2.3
Mac OS X 10.4.10まで - Tiger: Safari 2.0.4
Mac OS X 10.4.11 - Tiger (2007/11/14最新版リリース): Safari 3.2.1 (10.4.11のセキュリティアップデートの一部にSafari 3.0.4が含まれる)
Mac OS X 10.5.6 - Leopard (現行バージョン): Safari 3.2.1
※ FirefoxはMac OS X 10.2以降にインストール可能となっている。

(wiki等を参考にして作成)

この回答へのお礼

回答ありがとうございました。

macでのページ崩れは、ブラウザの問題や
一部、windowsの文字の改行の位置の関係でレイアウトが崩れると
感じました。今のところ、問題無くなりました。
macにも種類が色々あるんですね。
私もmacを買って、自分の目で動作確認したほうが良いと
思いました。

どうもありがとうございました。

お礼日時：2009/01/08 01:15

No.3 回答者： noname#100277 回答日時： 2009/01/06 23:11

ブラウザ依存の独自拡張の記述を一切排除したHTML（含むCSS）ならOSやブラウザを問わず、意図した表示に成ります。

font-familyも一切指定しないのが前提。

この回答へのお礼

回答ありがとうございました。

macでのページ崩れは、ブラウザの問題や
一部、windowsの文字の改行の位置と、macの改行の位置の関係で
レイアウトが崩れると感じました。今のところ、問題無くなりました。

今後の参考にさせていただきます。
どうもありがとうございました。

お礼日時：2009/01/08 01:21

No.1 回答者： wand88 回答日時： 2009/01/06 20:24

Macは無視していいですよ、独自だから（^^;

この回答へのお礼

回答ありがとうございました。

Mac 無視　良く耳にします。
windowsの閲覧者がかなり多いですものね。

macでのページ崩れは、ブラウザの問題や
一部、windowsの文字の改行の位置と、macの改行の位置の関係で
レイアウトが崩れるとわかりました。
今のところ、問題無くなりました。
どうもありがとうございました。

お礼日時：2009/01/08 01:30