Macで作成したHTMLファイル(+css)がWinで表示されない

解決済

質問者：casin
質問日時：2005/04/04 09:01
回答数：2件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： blue_kame
回答日時：2005/04/04 09:53

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

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

この回答への補足

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

補足日時：2005/04/04 10:06

通報する

- 1
- 件

通報する

この回答へのお礼

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

通報する

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

No.1

回答者： blue_kame
回答日時：2005/04/04 09:18

私も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>

<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>