• 締切済み

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

  • casin
  • お礼率88% (379/429)
  • HTML
  • 回答数2
  • ありがとう数2

みんなの回答

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

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • Macで作成したデータをWinで見るには。。。

    Macで作ったファイル　jpeg等を Winで開けないのでしょうか？ フォトショップで立ち上げると 「JPEGマーカーセグメントが短すぎます（ファイルが完全でない場合があります）」 と警告が出ます。 Winで見るにはどうしたらいいでしょうか？ Macについては全く分かりません。 よろしくお願いいたします。

  • MACとWINでテキストをやりとりすると改行コードが入ってしまう

    MACのテキストソフト（itext)で作成したテキストをWIN(秀丸やメモ帳）で開くと、勝手に改行コードが入ってしまい、一行ずつ改行されてしまいます。 反対に、WINで作成した文章をMACで開いても同じ現象がおきます。 作成ファイルをメールに添付してMAC⇔WINに移動して開いた場合、メールにそのまま流し込んで移動して開いた場合、メディアで移動して開いた場合……いろいろとためしましたが、いずれの場合も改行コードが入ってしまいます。 WINからMACへ移動した場合も同じ現象がおこります。 どうすれば解決できますか？ また、MACとWINで互換性のあるテキストソフトって、それぞれありますか？

    • ベストアンサー
    • Mac
  • JPEGの表示（MacからWin）で困っています。

    じつは、JPEGファイルがどうしても表示できず困っています。 Mac作成のデータをCDでいただいたものなのですが OS10.3からWin2000を経由しますと表示できなくなってしまいます。 Win側でMacバイナリをカットするソフトを使用したのですが Macバイナリはありません、と出ます。 原因は一体何なのでしょうか・・・。

    • ベストアンサー
    • Mac
  • MacからアップしたCSSがWinで反映されないんです…

    こんにちは！ Macでサイトを作ってます。 ここのところずっと同じ問題で悩んでいます。 CSSファイルをMacのシンプルテキストで作成し、リンク色など反映するように指定しています。 アップした後に確認すると、MacではきちんとCSSが反映されているのですが、Winでは反映されません。 Winで見ると、リンク色はデフォルトの青→紫、 スクロールバーも指定しているのですが、デフォルトのままです。 Macからアップロードした場合に、 きちんとWinに反映されていないのは、何かおかしいところがあるのでしょうか？ よろしくお願いいたします。 因みに、<HEAD></HEAD>内でこのように指定しています。 <LINK TITLE="main" HREF="main.css" TYPE="text/css" REL="STYLESHEET">

    • 締切済み
    • CSS
  • MacのPhotoshopファイルをWinで読み込む

    MacではPhotoshop6.0、WinではPhoshop5.0を使っています。 Macで作成したPhotoshopファイルをWinで読み込みたいのですが、 取り込む方法がわかりません。 Macで保存する際、どういうファイル形式にすれば、 Winに取り込めるのでしょうか？ それともバージョンが違うので無理なのでしょうか？ ヘルプを見てもさっぱりわかりません。 よろしくお願いします。

  • WinとMacで別ファイルを表示するCD-ROM

    Win用とMac用に作成したファイルがあり、 Winユーザ、Macユーザにそれぞれに配布したいです。 Winパソコンに入れた際はWin用ファイルだけが、 Macパソコンに入れた際はMac用ファイルだけが表示されるような、 CD-ROMの作成方法を教えていただけますか。 以前、そのような仕様のCD-ROMをいただいたことがあるので、 ぜひ挑戦してみたいと思っています！

  • MacのIEで同じに見える文字のCSSを教えてください。

    WinのIEで文字に12pxのCSSを当てているのですが MacのIEで見ると、文章の横幅が大きくなってしまいます。 javascriptでWinとMacを振り分けてCSSを当てているんですが 同じに見えるMac用のCSSを教えてください。 ※Macの12pxとWinの80%は同じでした。 　Winの12pxはMacの何に当たるのでしょうか？ よろしくお願いします。

    • ベストアンサー
    • HTML
  • ＭＡＣ→ＷＩＮ、ＷＩＮ→ＭＡＣ、ＭＡＣ→ＷＩＮ・・・

    仕事上、タイトルのようなデータのやり取りを することがあるのですが、 いまだにＭＡＣとＷＩＮのデータのファイル形式についてよくわかりません。 一般的に、「ＭＡＣのデータはＷＩＮで読めるが、その逆は難しい」などと いうのを聞きますが、 これはＭＡＣのファイルの扱い方がデータフォークとリソースフォークに 分かれており、ＭＡＣのデータをＷＩＮに持っていったときは、 データフォークを読めば、ＯＫだが、 ＷＩＮではもともとデータフォークなるものは存在しないので、 ＷＩＮのデータをＭＡＣに持っていくと読めない、、、（かなり大雑把ですが、） こういう解釈でいいのでしょうか？ 今日もページメーカ（もともとＭＡＣ版で作成したデータ）の アイコンが”ＰＣ”のアイコンに変わっていて 驚き・・・！誰かがＷＩＮで開いてそのまま保存したのかもしれないけど、 ＭＡＣでは開けなくなってしまいました。 こういうトラブルを未然に防ぐためにも誰か正確なところを 教えてください。よろしくお願いします！

    • 締切済み
    • Mac
  • MacとWinでのCSSにおけるフォント大きさ指定

    自分はWinを使っているため、Macでの環境動作確認が出来ないのでご存知の方教えて下さい。 CSSでフォントサイズを指定するとき、pt指定ではなくてpx指定がMacにもWinにも いいのですよね？ それはpxで指定するとWinで見てもMacで見ても同じ大きさのフォントに見えるからでしょうか。 もし違うなら、Macでこのpxだったらギリギリちゃんと見える・・・という大きさを教えて頂けますでしょうか。 Winで見たときに10pxくらいの小さいかわいい文字でサイトを作りたいと思っているので、よろしくお願いします。

    • ベストアンサー
    • HTML
  • OSXで作成したテキストをWINで読むと・・・

    教えてください。 マックOS10.3標準のテキストエディットというエディタで作成したテキスト（.txt）をWINで読むと、改行したところが改行されておらず、かわりに“↑”のような矢印が入っています。2回改行したところは2個入っています。WIN上でこれをPDFにしたり、印刷するとこの矢印は印刷されず、ちゃんと改行もされていますが、開いているテキストデータはそのまま矢印が健在です。 WINでは標準のメモ帳を使ってますが、WINで作成したテキストについてはMAC上でもきちんと改行されてますし、それを再度WINへ戻してもMACで入れた改行以外は矢印が入らないようです。 どなたかこの矢印解消方法をご存知ありませんか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する