• ベストアンサー
  • すぐに回答を!

MacとWin、ホームページの画面表示が違います。

Macでホームページを作ってWebで画面確認したら、Macで文字(TEXT)が1行のはずがWinでは2行になってて、テーブル(小さい表)でもMacでは左右に2列に並べたのに、Winでは上下2段になってしまいます。画面表示の大きさがMac:Win=72:96dpiの違いだと思いますが、これをMacと同じ表示をWinで実現する方法はありませんか?もしくは最小限に修正する方法はありませんか?Winで見た知人から注意されて困ってます。ホームページはDreamweaver3で作ってますが、これはタグ書きでも同じ現象になるんでしょうか?ブラウザはIE5.0です。私はMacOS8.6です。回答どうか宜しく。

共感・応援の気持ちを伝えよう!

  • 回答数8
  • 閲覧数529
  • ありがとう数10

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

  • ベストアンサー
  • 回答No.8
noname#5549

再々度の回答です。 >結局Webで正常に見えるように、オリジナルをずらして配置するのですが、これはDreamweaverでは当たり前の現象ですか? 当たり前ともいえるし、そうでないとも言えます。 そう表示されるには原因があり、この手の制作ソフトが万能ではない、ということです。 どうしてそうなるのかは、HTMLなどの知識があればある程度は分かりますし、必ずしもゴミタグのせいではないです。そうすればDreamWeaverのどこが不完全なのかも分かりますが、現時点では対処療法しかないように思えます。 GoLiveに換えても似たような場所で悩むことでしょう。 ちなみに僕自身はそもそもこの手のソフトは使いません。 結果的にテキストエディタの方が早いんです。(僕の場合) でも、DreamWeaverでもタグ打ちは出来ますから、そこで見ながら修正すればいいでしょう。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

なるほど正確さから言えばテキストエディタに勝るものはないってことですね。改めてエディタの良さを痛感します。私もこれを機会にもう少しタグ打ちの習得に励むことにします。回答ありがとうございました。

関連するQ&A

  • MacとWinの画面解像度の違いの影響を教えてください

    Macのディスプレイの画面解像度は72dpiで固定、Winのディスプレイの画面解像度は96dpiが標準。(でも、今は、120~150dpi程度の環境を使っている人はざらとか。。) てことは、720pixel四方のオブジェクトをMacで作ると、Winではもっと小さく表示されるってことですか?Macで作ったHPは、Winでは全体的に小さく見えるものってことですか?150dpiの画面解像度の人は、半分以下の小ささに見えてしまうということですか? それと、Photoshopで解像度72dpiの画像を100%表示で確認したときの大きさが実際にwebで表示される大きさになるんですよね? こういう認識でいいですか?

    • 締切済み
    • Mac
  • HTMLソースの左寄せの方法(Mac用Dreamweaver3)

    質問させて頂きます。 私はMacユーザーで、ホームページ作成にはDreamweaver3を使っているのですが、htmlソースを綺麗に左寄せに一括でやる方法が判らなくて困っています。 『置換』で出来るとも聞いて、やってみたのですがうまくいきません。 判る方、宜しくお願い致します。

  • MacとWinでホームページの画面表示の確認をする。

    普段はMacオンリーのユーザーです。この度ホームページを製作します。完成したら画面表示の確認のために、Mac(Safari/Outlook)とWin(Outlook)でチェックを入れるのですが、Winのパソコンは古い機種で、OS98までしか載せることが出来ません。しかしMacでしたら、VirtualPC7をインストールしてありますから、こっちで表示確認をした方が良いのではないかと思ったりもします。やはり最新のOSで最新のブラウザの方が賢明ではないかと…。気になるのはパソがMacであると言うことです。だからWin機と同じ正確な表示が望めるかどうかで心配になってます。そしてMacで十分ならWin機は処分を考えています。98の方が最適なら残します。果たして表示がどうなるのか皆さんの経験を教示して頂けないでしょうか? MacはG3(B&W)とB4(Digital Audio)を所有。OSはX(Panther)とOS9.2です。 WinはFM/V SEです。

その他の回答 (7)

  • 回答No.7
noname#5549

こんにちは。 再度の回答です。 なにやら余計混迷を深めてしまったようで.... >1.WebはHTMLなのに、どうしてMacとWinで見え方が変わるのですか?72dpiで共通してるならなおさら…? 確かにHTMLであることは同じですが、表示するブラウザ(Internet ExploreやNetscapeなど)が違うのは分かりますね? さらに同じIEでもOSが違えば構造も(多少)違います。 さらにさらにフォントの表示はHTMLだけの責任ではなくシステム(OS部分)にも責任がありますので、又違ってくるわけです。 WEBクリエイターはこうった症状を把握し、経験値を積み重ね、正しく表示させています。 >2.凝る人はJavaScriptなどでブラウザ、OSを判定し…済みません、意味がわかりません。今の私にはまだそこまでの知識がありません。 他の方の回答にもあるように、HTMLに挿入する形で使う言語に「JavaScript」があります。 今のウェブサイトはこの言語なしには語れません。 しかし、これもブラウザによって体系が異なり、必ずしも全てのブラウザで上手く動作するとは限りません。 そのJavaScriptを用いて、訪問者がアクセスしたときに使っているOSやブラウザの種類、バージョンを判定し、それぞれにに最適化したページを見せるわけです。 ここで、同じ内容のHTML自体を判定する種類毎に作るのも良いのですが、大抵の場合「スタイルシート」を用いて、フォントなどの見え方だけを変えるようにします。 この辺の構造は、ある程度HTMLとJavaScript、CSSを理解しないと全くもって意味不明です。 >3.フォントサイズが変化しても対応可能なデザインにするのです。(Macだけでもフォントの表示サイズを変えれば擬似的に実現できます)…対応可能なデザインって?デザインがフォントで変化するのですか? 先にも説明したように、フォントの表示サイズはブラウザによって異なります。ですから、自分が想定した長さよりも長く表示されたりして、結局レイアウトが乱れてしまうわけです。 これを、伸縮してもバランスが崩れないデザインにしで、背景画像などを上手く使って配置する、という事です。 >4.要らないと思っても様々な数値を省略してはいけないのです。…何の数値のことなのでしょうか?省略とは消すことなんですか? これはHTMLを読める人で無いと分からないと思いますが、例えばテーブルの場合.... <table border="0" width="640" height="480" cellpadding="0" cellspacing="0"> なーんて感じで記述するわけですが、 この時、width(幅)やheight(高さ)の記述を怠ると、思わぬところでレイアウトが乱れたりするのです。 で、全体を見て感じたことですが、 おそらく皆さんのアドバイスを実践するには、 絶対的な知識量がちょっと足りないようです。 DreamWeaverを使い続けるなら、関連書籍を読みあさった方が良いでしょう。 DWでもJavaScriptやCSSは扱えます。要は慣れです。 あとは基本的なHTMLの知識。 頑張って下さい。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

詳しく教えて頂きまして感謝します。もう少しお願いしたいのですが、自分が考えたデザインをDreamweaverで制作してますが、それをブラウザで確認すると、テキスト部分ががデザイン位置よりずれて表示され、プロバイダのサーバーに転送して確認したら更にずれてしまいます。結局Webで正常に見えるように、オリジナルをずらして配置するのですが、これはDreamweaverでは当たり前の現象ですか?ゴミタグが邪魔をするのですか?その辺がDreamweaverの信用出来ないところなんですが、ソフトをGoLiveに変えても同じですか?ああいう矛盾した表示で何回も作り直しをしてます。ソフトで修正せずタグで修正するのですか?時間の無駄で困ってます。是非ともご教授お願いします。

  • 回答No.6
noname#40524

A.コードの判定によってMac、ウインドウ、IE、ネスケ用の表示を作成する…コードの判定って何ですか?4種類のホームページを制作するのですか? 1,ジャバスクリプトのバージョンによってMac、ウインドウズ を判定し、同ページに記入します。 2,OSを判定するジャバスクリプトを記入し、別ページにジャンプします。 B.この場合はフォントサイズ指定をポイントでなく『pt』で指定する…例えば<font size="3">ではなく、<font size="pt">にするってことですか? font-size: 10px; line-height: 12em; color: #000000 と設定します。 C.テーブル形式を捨て、『カスケードスタイルシ-ト』で…返信用のフォームを作る時は、CSSの中でテーブルを作るのですか? これは記載ミスで正解は『カスケードレイヤーシート』です。 ブロックをレイヤーとして作成してその中にテーブル構成、フイールドを作成します。 このレイヤー内データをフラッシュ形式で作成すれば この表題の解決になる可能性は有ります。 ただし、テキスト情報が取得出来ませんので、 読み上げソフトは動作しないと考えます。 『テーブル形式を捨て』でも無く、実はフレーム構成を捨てたと言うのが正解です。 不適切な情報で失礼しました。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

まだまだ理解にはほど遠い私ですが、頑張って精進します。親切に答えて下さいましてありがとうございました。

  • 回答No.5

コツというか、確実に見た目を制御することができるのが スタイルシートなんじゃないかな、と思った次第です。 ベースとなる文字サイズやらを一気に制御することが できますので。 nowrapは、tableを指定するときに、<TD nowrap>という 具合で使います。タグがわからないと厳しいかな。 全部はわからなくても、とりあえずやってみるとよいと 思います。例題のページを見つけましたので、URLをつけて おきますね。 Dreamweaverには、HTMLのクリーンアップ機能があったと 思います。 あまりアテにはしていませんでしたが、明らかなゴミタグを 多少は排除してくれたような気がします。

参考URL:
http://www.asahi-net.or.jp/~bd9y-ktu/jirei_f/twrap.html

共感・感謝の気持ちを伝えよう!

質問者からのお礼

アドバイスありがとうございます。とりあえずやって見ます。やって見ないと前に進みませんし。これで作表したものがずれなかったらラッキーなんですけど。

  • 回答No.4
noname#40524

Macとウインドウで画面表示が異なる事は自明の事ですね。 それとIEとネスケにてもコードの解釈によって異なります。 ですから難しい問題です。 コードの判定によってMac、ウインドウ、IE、ネスケ用の表示を作成するのが、一番簡単なのかもしれません。 この場合はフォントサイズ指定をポイントでなく『pt』で指定すると軽減されるでしょう。 (解像度による表示には使えます。) 小生はテーブル形式を捨て、『カスケードスタイルシ-ト』で サイトデータを作成しています。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

アドバイスに感謝します。幾つか質問があります。 A.コードの判定によってMac、ウインドウ、IE、ネスケ用の表示を作成する…コードの判定って何ですか?4種類のホームページを制作するのですか? B.この場合はフォントサイズ指定をポイントでなく『pt』で指定する…例えば<font size="3">ではなく、<font size="pt">にするってことですか? C.テーブル形式を捨て、『カスケードスタイルシ-ト』で…返信用のフォームを作る時は、CSSの中でテーブルを作るのですか? 以上の解説を宜しくお願いします。

  • 回答No.3

表示については、OSやブラウザによって違います。 それに、ブラウザで文字の大きさを(ユーザの任意で) 変更することができますし、使っているフォントの違い もあります。どんな人が見ても「完全に同じように 見えるページを作る」ことは、WEB作成のプロでもなか なか難しいようです。 確実に、かつシンプルにするなら、スタイルシートを 使って、フォントの種類とサイズを固定してしまうこ とだと思います。 テーブルの中で、折り返しをしたくないのであれば、 nowrapを指定すればよいのではないでしょうか。 Dreamweaverに限らず、ソフトを使うとどうしても 無用なタグが入ってしまいます。それでは困る、と いうことであれば、タグの知識をつけて不要なもの を削除するのが一番だと思います。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

回答ありがとうございました。スタイルシートがコツなんですか?質問したいことがあるんですが、nowrapの指定ってどうするのですか?Dreamweaverで作ってブラウザで確認すると、『!』がたくさん表示することがありますが、あれもゴミタグと考えていいのですか?特別な意味がありましたら教えて下さい。

  • 回答No.2
  • raad
  • ベストアンサー率32% (47/144)

「百聞は一見に如かず」ということで、実際にやってみてはどうでしょうか? HP作成ソフトは確かに便利だと思います。 しかし、#1のhumourさんもおっしゃっていますが、ゴミタグが多く出力される欠点もあります。 テキストエディタで作成してみれば、自分で作っているのでどこが悪いのか、一目瞭然だと思います。 また、無駄な改行もなくなりHP全体が軽くなると思います。 ソースを確認してみましょう。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

現在作りかけているホームページでこのような現象が出ます。作って都度ページごとにサーバーに転送して確認してるのですが、MacとWinの画面が違うのです。時間がたっぷりあれば、私もタグ書きから作りたいのですが、なかなかおいそれとすぐにタグを憶えられるものでもありませんし、時間に迫られてしまうとソフトの方が早いと思ったのですが、こういう現象が出て…。回答感謝します。

  • 回答No.1
noname#5549

こんにちは。 まず、ディスプレイの解像度は無関係です。 (見た目のサイズが「全体的に」異なるだけ) それにどんなホームページも「72dpi」向けに作られます。96dpiの方が少数派。 で、何故表示が異なるか、原因はいつくかあるのですが、代表的なモノとしては「フォントサイズ」。 WinとMacでは同じ指定のフォントでも見え方が異なります。 ですから、凝る人はJavaScriptなどでブラウザ、OSを判定し、それぞれスタイルシートでフォントサイズを変更します。 そこまで出来ない場合は、フォントサイズが変化しても対応可能なデザインにするのです。 (Macだけでもフォントの表示サイズを変えれば擬似的に実現できます) テーブルに関しては、ソースを見ないと何とも言えませんが、単純に書き方をミスったのでしょう。 WinとMacでテーブルの基本的な表示が違うなんて聞いたこと有りませんし。 ブラウザによって、補正してくれるミスが異なり、結果的に表示が違うというのは良く聞く話です。 だから、要らないと思っても様々な数値を省略してはいけないのです。 DreamWeaverは優れたソフトですが、ゴミタグが出るのも事実。 ソースは出来るだけ自分で確認した方が良いですよ。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

回答ありがとうございました。頂いたご返事から新たな疑問が出ましたので訊ねたいのですが…。 1.WebはHTMLなのに、どうしてMacとWinで見え方が変わるのですか?72dpiで共通してるならなおさら…? 2.凝る人はJavaScriptなどでブラウザ、OSを判定し…済みません、意味がわかりません。今の私にはまだそこまでの知識がありません。 3.フォントサイズが変化しても対応可能なデザインにするのです。(Macだけでもフォントの表示サイズを変えれば擬似的に実現できます)…対応可能なデザインって?デザインがフォントで変化するのですか? 4.要らないと思っても様々な数値を省略してはいけないのです。…何の数値のことなのでしょうか?省略とは消すことなんですか? 申し訳ありませんが、もう少し詳しく教えて頂けませんか。お願いします。

関連するQ&A

  • ホームページ上でMacで作ったファイルがWinで表示出来ない

    MacOS10.4.11でfreeway4を使ってホームページを作りましたが、読み込ませたテキストエディット(日本語で作成)したファイルがWindowsでは全く表示しないようです。何か設定等あるのでしょうか?それともそもそも使えないものなのでしょうか?Macでも表示は不安定な感じではあるのですが・・・テキストエディットはファイルとして読み込ませています。

  • ホームページを中央に表示したい

    現在、DreamweaverCS3でホームページを作っているのですが、ホームページが左より表示になってしまいます。 中央に表示(左右に余白がある状態で、文字は左寄せ)にしたいのですが、どなたか、お分かりになる方、教えていただけませんか? 宜しくお願いします。

  • Dreamweaverの画面で背景が表示されない

    DreamweaverCS3をMacで使っているのですが、ある日突然、作業画面で背景画像が表示されなくなりました(背景色を指定しても同様)。背景画像は主にFireworksで作っているのですが、試しにボタンや写真などの画像を背景に指定するとちゃんと画面上で見られます。なぜか背景用に作った画像が表示されてくれません。ただ、ブラウザではちゃんと見えています。また、WinのCS3で同じhtmlを開くと、そちらでは画面上で背景画像が見えています。 環境設定の問題かと思ったのですが、それらしいところは見あたりません。いったん削除して再インストールもしてみました。 昔作ったHPでは背景がちゃんと表示されるのですが、どうにも原因がわかりません。何か思い当たる方がいらっしゃったら、ぜひ知恵をお貸し下さい。よろしくお願い致します。

  • Dreamweaver3でHTMLソースを表示

    現在WinXP proにてDreamweaver3を使用しているのですが、「HTMLソースの表示」を選択してもソースが表示されません。win98SEで使用していた時は問題なかったのですが…。 やはりXPは正式に対応していないのでいろいろと不具合が出てしまうのでしょうか?

  • Perlで生成したHTML画面がMacで表示できません

    フレーム内にてPerlでHTMLを生成して表示しているのですが、 Win98のIE5.0とNN4.75では表示がうまくいくのですが、 MacOSのIE5.0とNN4.73では、文字が表示されなかったり、tableタグが崩れていたりと画面表示ができません。 どうしてなのかが、まったく検討がつかないので困っております。 WinとMacとでは、同じようにHTMLを表示できないのでしょうか? また、どう言った原因が考えられるのでしょうか? ご存知の方が居られましたらアドバイスをお願い致します。

    • ベストアンサー
    • Mac
  • Mac+DREAM WEAVER 3.0で…

    既にHPをアップ中なんですが、より凝ったものにして行きたいと考えています。が、DREAM WEAVER3.0の使い方が分からない部分があるので、どなたか詳しい方、回答お願いします。 今やりたいのはクリックすると、別ウィンドウで、しかも「戻るボタン」とか「進むボタン」、「追加ボタン」等ブラウザ上部の部分無しでサイズも小さめの 広告なんかが出る時のウィンドウを出す事です。   これって、DREAM WEAVER3.0で作ること、可能でしょうか? 単純に別ウィンドウでハイパーリンクさせる方法は分かったのですが、この「広告」っぽくウィンドウを出す方法が分かりません。 宜しくお願い致します。

    • ベストアンサー
    • Mac
  • Macで作成したHTMLファイル(+css)がWinで表示されない

    かなり緊急なんですが、Mac OS 10.3で作成したHTMLファイルとCSSファイルをWinXP Home のIEで見ようとしたら画面が真っ白なんです。(ファイルをコピーして、Winでも表示されるか確認したかったので) mi(MacOS10.3)というソフトで編集しているのですが、文字コードが「ShiftJIS」改行コードが「CR(Mac)」となっています。 Mac、Win両方で表示できるようにするにはどうしたら良いのでしょうか? あと、Macで作成したJPEGファイルのなかで、Winで読み込めないものがあります。これはなんででしょうか? よろしくお願いします。

  • 画面の表示が全て小さい

    Win XP を再インストールしたのですが、画面表示が全て小さいです。 DPIは96になっており、解像度も問題なさそうです。 購入時と同じフォントサイズ、書体、メニューにしようと画面のプロパティを見てみましたが、標準(購入時)の値が分かりません。 また、ホームページも左右が空いて全体が小さく表示されます。 どなたか直し方を教えて頂けないでしょうか?

  • WinとMacのブラウザの表示の違い

    ホームページのHTMLのタグで、ALTで指定して、 ホームページを閲覧した時、 『マウスが上に乗るとコメントが表示される』指定にした のですが、Winでは見れるのですが、Macではコメントがでません。(一瞬でたのですが、2度と出なくなりました)(T0T どうしてでしょうか? ちなみに環境はIE5.5です。 有名検索エンジンを使用しているときは出ていたと思います。 Winでも、Macでもコメントが表示されるようにするには どうしたらいのでしょうか?教えて下さい。 宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • WINだと表示されない…。

    Macでホームページを作成し、なんとかアップまでこぎつけたのですが、友達にwinでの動作確認を頼んだところ、画面が真っ白でなにも表示されないと言われてしまいました。 何が原因か分かる方いらっしゃいましたら、教えて下さい。 自分のPCでは(MacOS9)問題なく動作、表示できるのです。 宜しくお願い致します。