• 締切済み

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で読み込めないものがあります。これはなんででしょうか? よろしくお願いします。

みんなの回答

回答No.2

ファイルが別のコードになっているかもしれませんね。 miで新規をし、コードがShift JISだと確認後、 元のファイルをすべてコピー&ペーストして、 別名で保存してみてはどうでしょう。

casin
質問者

お礼

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

casin
質問者

補足

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

回答No.1

私もmi(MacOS10.3)で作ってますけど、 特に問題はありませんでしたが。 その問題のHTMLファイルはどんなものですか? また、Winで読み込み後、ソースを表示させると どうなっていますか?

casin
質問者

補足

早速の回答感謝致します。 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>

関連するQ&A

専門家に質問してみよう