今作成中のホームページがマックで見るとレイアウトが崩れているとクレームがきました。

当方はマックを所有しておらず確認ができません。
おそらくCSSの影響だと思うのですが、確認できるソフト、サイト等はないでしょうか?

マックのブラウザーはサファリだと思います。
作成中のサイトは

http://rensyoji.sakura.ne.jp/

http://uchida-stone.sakura.ne.jp/

です。

どうするのが最善か教えてください。

当方の環境はwin XPで
作成ソフトはドリームウィーバーMXです。

宜しくお願いします

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2007/04/08 00:20:40
  • 終了:2007/04/15 00:25:03

回答(7件)

id:burningfarm No.1

burningfarm回答回数32ベストアンサー獲得回数32007/04/08 00:30:15

id:coyo

いいサイトがあるんですね

試してみます。

2007/04/08 01:02:24
id:studioes No.2

studioes回答回数522ベストアンサー獲得回数612007/04/08 00:37:54

ポイント17pt

http://browsershots.org/

こちらでどぞ。

CGIやJavaScriptを使ってUAで場合分けするしかないと思います。

id:coyo

英語でちょっと分からないです。

2007/04/08 01:02:20
id:burningfarm No.3

burningfarm回答回数32ベストアンサー獲得回数32007/04/08 00:45:27

ポイント17pt

先にスクリーンショットを撮るサイトを紹介しましたが、

>どうするのが最善か教えてください。

商売としてWeb製作をされているのでしたらMacを買ってしまったほうが良いかと思われます。

http://www.apple.com/jp/articles/startmac_monitor_2/

http://www.apple.com/jp/getamac/

>当方の環境はwin XPで

>作成ソフトはドリームウィーバーMXです。

そしてこちらでうごかしちゃうとか^^;

http://www.proton.co.jp/products/parallels-mac/

# 別にMacファンじゃないですが…。

追伸:

WindowsXP + FireFoxでもレイアウト崩れてます…

id:komorebi No.4

komorebi回答回数133ベストアンサー獲得回数82007/04/08 00:46:12

ポイント17pt

めっちゃ隣の市ですな・・・w

まず、CSSをお使いになるのなら、

制作にDreamweaver MXは避けてください

最低でもDreamweaver 2004以降であることを推奨します。

WinでMac環境を作りだすのは、ほぼ無理ですので、

Web制作の仕事をされるならばMac環境を準備するのは必須ですよ。

おそらく、半角文字をつかって並べている箇所が

折り返されずに画面右の方まで伸びてしまっていたりするのが原因でしょう


それと、制作にIEで確認をしていませんか?

IEを基準に制作をすると、他のブラウザでは崩れやすくなります。

FirefoxやOperaブラウザを基準に制作を行えば、

ある程度Safariなどで見ても同じ表示になるはずです。

なでの、取り急ぎFirefoxをインストールして確認してみてください。

http://www.mozilla-japan.org/products/firefox/

id:coyo

ありがとうございます。

MXは良くないんですね。

IEで確認してました。

Firefoxインストールして確認してみます。

マックの環境も検討してみます。

2007/04/08 01:02:12
id:smile2008 No.5

smile2008回答回数62ベストアンサー獲得回数02007/04/08 01:12:17

ポイント17pt

ほんとにいいかげんな制作アルバイトですね。http://q.hatena.ne.jp/

id:maquintosh No.6

maquintosh回答回数1ベストアンサー獲得回数02007/04/08 05:40:14

ポイント17pt

該当ページをMacの

Safari,Opera,Firefox,Netscapeで見てみました。

どれもほぼ見え方は同じです。

(というより基本的にはWinでもMacでもほぼ同じに見えるもので

IEだけが全く違います。)

元のデザインを知らないので詳しくはわかりませんが、

墓石の方は下のコンテンツリンクが並んでいる部分の

「HOME」が次の行にいってるのと

「お知らせ」欄が横スクロールになるくらいだと思います。

お寺の方は左側のメニューの下の住所や電話の欄が

入り乱れているのと、□を連ねている欄が

横に大きくはみ出しています。

「HOME」のところはWinのFirefoxで確認して

修正できると思います。

お寺の住所と電話のところは素直にulとかdlで書いて

liなりdt,ddなりをCSSで整形した方が無難だと思います。

横スクロールと□が連なってるテキストのはみだしですが

これはCSSが原因ではないです。

□を記号ではない任意の文字「あ」でも「う」でもに

置き換えると、ちゃんとテーブルの幅で折り返します。

(お寺の方しか試してませんが、多分墓石の□も同じ筈)

実際には文章を入力するでしょうから

ここはこのままで問題ないです。

□の代わりにお経でも取りあえず入力すると良いかと。

↑おかげさまでおもしろい事が発見できました。

http://q.hatena.ne.jp

id:coyo

テストしていただき、ありがとうございます。□の記号がまずいとは知りませんでした。ちゃんとテキスト入れて試してみます。

2007/04/09 10:11:28
id:esecua No.7

esecua回答回数510ベストアンサー獲得回数102007/04/08 11:24:44

ポイント17pt

Windows上でのサファリのレンダリングを確認できるソフトがあります。

Swiftで、http://www.pcwelt.de/index.cfm?pid=298&pk=53539&dl=25116... から無料でダウンロードできます。

ただ、私が現在使っているバージョンだと日本語が文字化けしてしまいます。ただ、レイアウト確認するには十分なソフトウェアではないでしょうか。

参考になれば幸いです。

http://www.getswift.org/

id:coyo

ソフトまで探していただきありがとうございます。

2007/04/09 10:15:46
  • id:macos-x
    Safariで使用しているWebkitを採用したWindows用のブラウザもあります。
    http://blog.livedoor.jp/cie/archives/50568145.html


    残念ながらまだ実用レベルにはほど遠いようですがご参考までに。


    またMac OS Xのパッケージ版があればPearPCでPowerPC MacをエミュレートしてSafariを動作させるという手もあります。
    動作はかなり重たいですが。
    http://homepage3.nifty.com/toshi3/emu/pearpc1.html

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません