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

このQ&Aに関連する最新のQ&A

A 回答 (2件)

ファイルが別のコードになっているかもしれませんね。



miで新規をし、コードがShift JISだと確認後、
元のファイルをすべてコピー&ペーストして、
別名で保存してみてはどうでしょう。

この回答への補足

お礼の内容間違っていました。
「.index」を開いていたのを「index」というのを開いてみたら見られました。

補足日時:2005/04/04 10:06
    • good
    • 1
この回答へのお礼

うー、すいません。初歩的ミスでした。
Winでフォルダをよく見ると、私が開いていたのは「.index」なるものでした。よく探してみると、「html」というファイルが別にあり、そちらを開いてみると、IEで見れました。が、若干レイアウトが…。これは自分の責任なのでしょうがないですが。
朝早くおつきあい頂きありがとうございました。

お礼日時:2005/04/04 10:06

私もmi(MacOS10.3)で作ってますけど、


特に問題はありませんでしたが。

その問題のHTMLファイルはどんなものですか?
また、Winで読み込み後、ソースを表示させると
どうなっていますか?

この回答への補足

早速の回答感謝致します。
WinのIEでソースを見ると、メモ帳?が立ち上がり、ソースは一行だけ文字化けの状態で表示されていました。IEの画面は真っ白なんです。Macだと見れるんですが…。
miですべてWin用に変換すればいいんですかね?たくさんあってどれかわかりませんが、とりあえず試しながらやってみます。
一応ソースですが、素人すぎるもので恥ずかしいですが…。どれも見れなかったのですが、そのうちの一つです。メニューだけの作りになっています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="ja">
<head>
<title>お問い合わせ・資料請求</title>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta name="generator" content="ミミカキエディット with 'HTML4.0+css Mode' ">
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="made" href="mailto:">
<link rel="stylesheet" href="cmn.css" type="text/css">
<link rel="stylesheet" href="contact.css" type="text/css">
</head>
<body>
<div id="container">
<!-- サブメニュー -->
<div class="contentsbox2">
<ul class="submenu">
<li><A HREF="index.html">Home</A></li>
<li><A HREF="accses.html">アクセス</A></li>
<li><A HREF="sitemap.html">サイトマップ</A></li>
</ul>
</div>
<!-- Homeイメージ画像 -->
<div class="contentsbox2">
<IMG SRC = "images/contact-image.jpg" width="680" height="100" ALT = "しゃしょく愛は、お客様により高品質なデザインをご提供します。" id="pageimage">
<!-- メニューバー -->
<div class="m-bar">
<span class="m-home"><A HREF="index.html"><IMG border="0" SRC = "images/m-home.jpg" width="110" height="30" ALT = "Home"></A></span>
<span class="m-print"><A HREF="print.html"><IMG border="0" SRC = "images/m-print.jpg" width="110" height="30" ALT = "印刷"></A></span>
<span class="m-bridal"><A HREF="bridal.html"><IMG border="0" SRC = "images/m-bridal.jpg" width="110" height="30" ALT = "ブライダル"></A></span>
<span class="m-shop"><A HREF="shop.html"><IMG border="0" SRC = "images/m-shop.jpg" width="110" height="30" ALT = "ショッピング"></A></span>
<span class="m-profile"><A HREF="profile.html"><IMG border="0" SRC = "images/m-profile.jpg" width="110" height="30" ALT = "会社案内"></A></span>
<span class="m-contact"><A HREF="contact.html"><IMG border="0" SRC = "images/m-contact.jpg" width="110" height="30" ALT = "お問い合わせ"></A></span>
<span class="m-other"><A><IMG border="0" SRC = "images/m-bar.jpg" width="20" height="30" ALT = ""></A></span>
</div>
</div>
<!-- 下メニュー -->
<div class="contentsbox2">
<p class="b-menu">
<A HREF="index.html">Home</A>
<SPAN >|</SPAN>
<A HREF="print.html">印刷</A>
<SPAN >|</SPAN>
<A HREF="bridal.html">ブライダル</A>
<SPAN >|</SPAN>
<A HREF="shop.html">ショッピング</A>
<SPAN >|</SPAN>
<A HREF="profile.html">会社案内</A>
<SPAN >|</SPAN>
<A HREF="contact.html">お問い合わせ</A>
<SPAN >|</SPAN>
<A HREF="link.html">リンク</A>
<SPAN >|</SPAN>
<A HREF="policy.html">プライバシー</A>
</p>
</div>
<!-- フッター -->
<div class="contentsbox2">
<p class="footer">Copyright © 2005 <A HREF="contact.html">SYASYOKU ai .ltd</A> All rights reserved.</p>
</div>

</div>
</body>
</html>

補足日時:2005/04/04 09:24
    • good
    • 1

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qmacとwindowsのレイアウト崩れについて

macで作成したwebサイトをwindowsでも確認したところ、レイアウトが一部崩れている部分がありました。

本来なら写真の下に文字を配置されるはずが、写真と文字が重なってしまう表示になってしまうのですが、この場合どのような方法をとれば良いのでしょうか?

テキストのサイズが変わって大きく崩れたというような感じでもないようです。

急ぎで回答をいただきたいです。
どうぞ宜しくお願いいたします。

Aベストアンサー

まず、ブラウザが標準モードで起動しているか確認すること。
 IEは互換モードと言って、過去の間違った解釈を基に作成されたページを表示するための互換モードを持っています。標準モードだと他のブラウザと同じ解釈をするはずです。
 詳しくは
DOCTYPEスイッチ - Google 検索( https://www.google.co.jp/search?q=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&hl=ja&client=firefox-a )
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
ないし
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 お勧めはもちろんstrictです。『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』1999年のHTML4.01の勧告以来言われ続けてきたことですから。いずれHTML5の時代にはtransitinalなものは一切なくなりますから。

 ついでHTMLの文法チェック
 ⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html )
 スタイルシートは
 ⇒W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_input )

 大抵は、ここまでで解決すると思います。

 なお、ウィンドウサイズは640px以上あれば閲覧できるようリキッドデザインで作成しましょう。昨今のようにスマホから超幅広のディスプレイがある時代必須ですね。
div.article{width:90%;min-width:640px;max-width:1000px;margin:0 auto;}

まず、ブラウザが標準モードで起動しているか確認すること。
 IEは互換モードと言って、過去の間違った解釈を基に作成されたページを表示するための互換モードを持っています。標準モードだと他のブラウザと同じ解釈をするはずです。
 詳しくは
DOCTYPEスイッチ - Google 検索( https://www.google.co.jp/search?q=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&hl=ja&client=firefox-a )
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w...続きを読む


人気Q&Aランキング