• ベストアンサー

CSSで作ったページが表示されません

CSSを使って作成したファイルが、いざファイルをアップロードすると白紙で表示されてしまいます。 OSはMac OS 10.3.9、ソフトはAdobe GoLiveCSです。 ファイル自体をSafariやIE、Firefoxにドロップすると表示出来ますが、Web上でアクセスするとFirefox以外は白紙のままです。 URLを直接打ち込んでも駄目でした。 CSSの文法自体に何か問題があるのでしょうか? どうか、よろしくお願いします。

  • HTML
  • 回答数3
  • ありがとう数1

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

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.3

<style type="text/css"><!-- で始まっているスタイル指定が </style> で終わっているので、 <!--以降が全てコメントになってしまっています。 //--> </style> のように //-->を</style>の前に挿入してください

rock1971
質問者

お礼

やってみた所、問題なく表示されました!! ありがとうございました!!!

その他の回答 (2)

  • quads
  • ベストアンサー率35% (90/257)
回答No.2

とりあえず、 >URLを直接 >CSSの文法自体 を見ないと何とも。 このような問題は、OSやソフトはあまり関係ありません。 HTMLやCSSのソース、サーバ、エンコードの情報の方が重要です。 如何でしょうか。

rock1971
質問者

補足

そうですね。 URLは http://www.geocities.jp/bassman0326/ 問題のファイル名はnewture51.html です。 よろしくお願いいたします。

  • 2NN
  • ベストアンサー率40% (143/353)
回答No.1

そのCSSとHTMLを見てみないと何ともコメントのしようがありませんが、 「 display:none 」をどこかに使っていたりしませんか?

rock1971
質問者

補足

一見した所、「display:none」は見受けられませんでした。 取りあえず、URLは http://www.geocities.jp/bassman0326/ ファイル名はnewture51.htmlです。 いかがでしょうか?

関連するQ&A

  • 公開されてるページのCSSのソースを見たい

    XHTMLとCSSでWEBページを制作したいのですが、IEではきちんと表示されるのですが、FIREFOX,SAFARIでは文字がずれてしまい、レイアウトが崩れてしまいます。そこで、他のページを参考に勉強させてもらいたいのですが、外部ファイルのCSSのソースを見る事のできるブラウザはあるのでしょうか?

    • ベストアンサー
    • CSS
  • CSSを使用したメニューのIEの表示くずれについて

    CSSを使用したメニューのIEの表示くずれについて CSSで、ul liを使用して横型と縦型のメニューを作成しています。 FireFox、Safariでは正常に表示されるのですが、VistaのIE8で確認したところ、メニューの表示が崩れてしまい解決出来ずにいます・・・。 ※当方Mac環境で、デュアルブートのWindows7のIE8ではなぜか正常に表示されています ローカルに保存したファイルをIEで参照すると正常に表示出来るのですが、オンラインにアップデートしたところ表示が狂います。 ↓アップロードしたものをご確認ください。 http://homepage2.nifty.com/task-eng/medicom/details.html ↓ファイルはこちら http://firestorage.jp/download/8fc0ba3ce80bc4e25fa6ad9eaa16a260e9886b79 どなたか、問題点を指摘していただけませんでしょうか? よろしくお願いいたします!

    • ベストアンサー
    • HTML
  • MacのfirefoxでCSSが読み込まれない件

    初めまして。 現在XHTML+CSSでサイトを製作しているのですが、ブラウザチェックの段階で、「MacのFirefox」だけCSSを読み込んでくれません。 MacのOPERA、SAFARI WinのFirefox、IE は問題なかったのですが、Macのfirefoxだけダメなんです。 記述は「@import」ですが、個別設定(3つのCSSファイルを個別にhtmlに指定)もやってみましたがダメでした。 このような事態になった方はいらっしゃいますでしょうか? どうか、助けてください、よろしくお願いします。

    • ベストアンサー
    • Mac
  • Safariの表示と他ブラウザの表示の違い

    HPを制作し、その表示確認にはwinのIE/NN/Firefox/Opera、Mac/IEを使用していますが、Safariで確認できる環境にありません。Safariってどんな感じでしょうか?上記で確認してOKなら、Safariでも大丈夫(そうな)感じですか?また、CSS等の扱いで、Safari独特のものなどもしあればお伺いしたいのですが。

    • ベストアンサー
    • CSS
  • CSSのFilter:shadowをFireFoxで表示する方法

    CSSでfilter: shadow(color=#3F1501,direction=135); と表示し、画像にドロップシャドウをつけています。 IEではちゃんと表示されるのですが、 FireFoxでは表示されません。 FireFoxでIEと同じように表示させる方法を ご存知の方、ご教授下さい!!!

  • ブラウザによって上手く表示されません

    CSSでデザインとレイアウトをして、それをブラウザに表示させた時、 OSとブラウザによって上手く表示されるものとそうでないのがあり、 それらをどうやって対処したらいいのか分かりません。 具体的には、MAC OS10 のIE5.2とFirefoxが正常に表示されるのに対し、 WINXPのIE7.0とSleipnirでは同じレイアウトの崩れ方をします。Firefoxは大丈夫でした。 逆もまた然りで、WINブラウザで正常に表示させようとすると、MACでは崩れてしまいます。

    • 締切済み
    • CSS
  • CSSがsafariでは全く機能しない。

    こんにちは。ご覧頂いた方ありがとうございます。出来上がったHPを動作確認してみたのですが、マック、winのIE5では双方問題なしだったのですが、他のブラウザ(safari,firefox)では、ずれるというよりも、CSSを全く受け付けていないようです。 CSSのバージョンとか、文字コードとかを疑っていますが、まだ出来ません。どなたかわかる方、ヘルプです。

    • ベストアンサー
    • CSS
  • Macfirefox3とMacfirefox2以下でCSSを切り替えたい

    MacのFirefox3は、Firefox2までとはデフォルトフォントサイズが 違うので、Firefox3とそれ以外のFirefoxで分けたいです。 今まで、CSSを以下のスクリプトでブラウザ別に分岐していました。 MacのFirefox3の分岐を増やしてみたのですが、それ以外のFirefoxのCSSに 分岐されてしまいます。 あまりJavascriptに明るくないので、 どうしてわかれてくれないものか困っています。 どうぞお知恵をお貸し下さい! ↓以下、かいてみたソースです。 var Win=(navigator.userAgent.indexOf("Win")!=-1); var Mac=(navigator.userAgent.indexOf("Mac")!=-1); var Explorer=(navigator.appName.indexOf("Explorer")!=-1); var Firefox=(navigator.userAgent.indexOf("Firefox") !=-1); var Netscape=(navigator.appName.indexOf("Netscape")!=-1); var opera=(navigator.userAgent.indexOf("Opera")!=-1); var safari=(navigator.userAgent.indexOf("Safari")!=-1); var Version=navigator.appVersion.charAt(0); if(safari){ document.write('<LINK rel="stylesheet" href="/css/mac_safari.css" type="text/css">'); } else if(Win && Explorer && Version=="6"){ document.write('<LINK rel="stylesheet" href="/css/win_ie.css" type="text/css">'); } else if(Win && Firefox){ document.write('<LINK rel="stylesheet" href="/css/win_ie.css" type="text/css">'); } else if(Win && opera){ document.write('<LINK rel="stylesheet" href="/css/win_ie.css" type="text/css">'); } /*増やしたところ*/ else if(Mac && Firefox && Version=="3"){ document.write('<LINK rel="stylesheet" href="/css/mac_safari.css" type="text/css">'); }/*増やしたところ終わり*/ else if(Mac && Firefox){ document.write('<LINK rel="stylesheet" href="/css/mac.css" type="text/css">'); } else if(Mac && opera){ document.write('<LINK rel="stylesheet" href="/css/mac_safari.css" type="text/css">'); } else if(Win && Netscape && Version=="4"){ document.write('<LINK rel="stylesheet" href="/css/win_nn.css" type="text/css">'); } else if(Mac && Explorer && Version=="5"){ document.write('<LINK rel="stylesheet" href="/css/mac_safari.css" type="text/css">'); } else if(Mac && Netscape && Version=="7"){ document.write('<LINK rel="stylesheet" href="/css/mac.css" type="text/css">'); } else if(Mac && Netscape && Version=="4"){ document.write('<LINK rel="stylesheet" href="/css/mac.css" type="text/css">'); } else{ document.write('<LINK rel="stylesheet" href="/css/font.css" type="text/css">'); }

  • dreamweaverで作ったHPがIE表示だと崩れます

    お世話になります。 dreamweaverでホームページを作っています。 環境はMac OS10.4、dreamweaver MX2004、 確認をsafari、firefoxで行っていました。 MacにはIEが入っていません。 アップしたHPを見ると、safari、firefoxでキチンと表示されていた CSSが、IEでは思いっきり崩れてしまいました。 原因も良く分からなくって、困っています。 例えば、583ピクセル幅の文字アンダーラインが、800ピクセルの テーブル枠を大幅に超えてしまう。 オレンジの太字設定の文字が赤字で水色の破線アンダーラインが 入ってしまう。 などなど。IEはまだまだユーザーが多いようですし、 何とか直したいのですが…。 原因はCSSの何がいけなかったのでしょうか? ※Dreamweaverにてレイアウトを組んでいます。 そのためコードはまったく理解していません。 コード表示されてもチンプンカンプンのため、 DW上での操作方法を教えて頂けると助かります。 アドバイスよろしくお願いします。

  • ブラウザによる違い、皆さんはどうしていますか?

    HP作成をしていますが、素人なので、こちらにはよくお世話になっています。 今回は、ブラウザによっての違いに、皆さんがどう対処されているのか知りたくて、質問させていただきました。 設定したアクションが、 Mac OS9 IE OK Mac OSX FIREFOX OK WinXP IE OK で、 Mac OSX Safari で動きません。 ソフトまかせで、なかなかタグがいじれず、CSSもほとんどわかっていない現状です。 今回も、原因が知りたいというよりも、この程度の不具合ならば、皆さんはそのまま作り続けていくのか、確認できるブラウザだけはきちんと全部クリアさせていくのかお聞きしたいと思いました。 ちなみに環境は iMacG5-OS10.4-ソフトGoLiveCS2 で、アクションは「ボタンをクリックしてその画面を閉じる」というものです。 Mac対象者だけに作っているHPではないというものの、本家のSafariで動作しないというのに、少々へこんでいます。 皆さんは、どうされていますか?