• 締切済み
  • すぐに回答を!

NNだけCSSのリンクが切れる?!

<link href="common/top.css" rel="stylesheet" type="text/css"> 上記のようなソースで外部ファイルにリンクしてるのですが、 サーバにあげたときだけNNで見るとCSSが適用されません。(IEでは表示されます) ローカルでみれば、IEでもNNでも問題なく表示されるし、 外部ファイルをやめて、HTML内にCSSを記述すればサーバにあげても表示されます。 サーバ側に原因があるのか、ソースコードで解決できるのか どなたかこの現象の解決方法を教えて下さい!!

noname#225081
noname#225081

共感・応援の気持ちを伝えよう!

  • 回答数2
  • 閲覧数93
  • ありがとう数0

みんなの回答

  • 回答No.2

コメント類が入っていないとは・・・・ そのCSSファイルをブラウザで見ると書いてあるはずのコメントが消えているという事でしょうか? 文字化けの類でしょうかね?? CSSファイルの先頭で文字コードを宣言してみるとか。→参考URL

参考URL:
http://www6.plala.or.jp/go_west/nextcss/ref/slctr/at_rule.htm#charset

共感・感謝の気持ちを伝えよう!

質問者からの補足

サーバ側のMIMEリストに問題がありました。IIS3では、.CSSが読まれないようです。 ありがとうございました。

関連するQ&A

  • スタイルシートのリンクをはる時・・・

    <link href="css/common.css" rel="stylesheet" type="text/css">と <link href="/css/common.css" rel="stylesheet" type="text/css">の違いを教えてください。

  • cssのリンクをimport.cssに書きかえれないです!(@dreamweaver)

    はじめまして。 今ある <link href="style.css" rel="stylesheet" type="text/css" /> を common/import.cssをリンクし、 <link href="/common/import.css" rel="stylesheet" type="text/css" /> に変更したいのですが、なぜかできません>< ちなみにimport.cssの中身は @charset "shift_jis"; @import "/common/css/base.css"; @import "/common/css/contents.css"; @import "/common/css/right.css"; このような感じです。 ためしにcommon.cssにいろいろ書いたところ、反映されたので、common.cssそのものは参照できていると思うのですが・・・ ご教授いただければ幸いです。

    • ベストアンサー
    • HTML
  • 外部CSSを適用させるための正しいソースコードの書き方

    dreamweaverCS4のバグではないかと思うのですが、外部スタイルシート(test.css)を作成し、それをHTMLファイル(test.html)へ適用させたいのですが、ファイルの階層が同じなので、以下のようにソースコードを書くのが正解だと思いますが、 <link href="test.css" rel="stylesheet" type="text/css"> 以下のように、「../test.css」と「..」が付いても適用される場合があります。 <link href="../test.css" rel="stylesheet" type="text/css"> 逆に「..」が付く方が正解で、付かない方が間違っているのでしょうか? どっちが正しいのでしょうか? そもそも「..」とは何でしょうか? すみません、根本的なところからわかっていません。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 回答No.1

うーん。。これだけだと原因の特定ができません。 とりあえず思いついたのは NNが4.xで、外部スタイルシート内で相対パスで別のファイル(画像や別のスタイルシート等)を指定してあると正しく解釈しない場合があります。

参考URL:
http://members.at.infoseek.co.jp/cssbug/detail/nn4x/b008.html

共感・感謝の気持ちを伝えよう!

質問者からの補足

NNは7.1で4.7は対象としてないです。 画像だけが表示されないのではなく、h1へのテキスト装飾など全部がかかっていません。 CSS内の/*~*/のコメント類も入ってないのですが、なにか原因わかりませんでしょうか?

関連するQ&A

  • 一部のページにデフォルトCSSを読み込ませない方法

    一部ページにCSSを読み込ませない方法がありましたら、 ご教授ください。 例えば、 全ページに以下のCSSを共通で読み込ませてあります。 <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" /> しかし、test.htmlだけ <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" /> を読み込ませたくありません。 つまり、 <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" /> は通常通り読み込んで、 <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />のみを 除外したいです。 * 共通のCSSは外すことはできません。 * また、CSSを新たに追加することもできません。 * head内にスクリプトを記述することができますが、スクリプトの記述で解決できますでしょうか。 自分で検索もしてみたのですが、答えに辿りつけません。 どのような方法がありますでしょうか。 何か方法がありましたら、ご教授ください。 よろしくお願いいたします。

    • 締切済み
    • CSS
  • cgiの中にcssリンクを入れたい

    現在自分の掲示板を持ってます。 デザインはCSSで行っており、CGIの中に書き込んでますが、このCGIを外部ファイルにしてリンクしたいです。 HTMLであればCSSのリンクは簡単にできますが、CGIにCSSのリンクをすることができません。 誰かお知恵を貸してください。 HTMLによる外部ファイルによるスタイル設定は以下の通りです。これをCGI用にするには・・・ 教えてください<(_ _)> <link rel="stylesheet" href="default.css" type="text/css" />

    • 締切済み
    • CGI
  • IE用と、その他のCSSを条件分岐

    お世話になっています。 IE用と、その他のCSSを条件分岐させるために 以下の用にやったのですが その他のfirefoxなどもIE用(wholerulesie)のスタイルシートになってしまいます。 どこが悪いのでしょうか? <link rel="stylesheet" type="text/css" href="wholerules.css" /> <!–[if IE 8]> <link rel="stylesheet" type="text/css" href="wholerulesie.css" /> <![endif]–>

    • ベストアンサー
    • HTML
  • CSSを外部ファイル

    CSSを外部ファイルで作成して <link rel="stylesheet" href="○○○.css" type="text/css">で参照したいのですが外部ファイルは H1{color : #000000;} を反映させたいときこれだけ書けばいいのでしょうか。サイトの説明を読んでもよくわかりません。

  • 外部cssの記述方法について

    よろしくお願いします。 cssを外部リンクにしたくご質問をさせて頂きました。 まず、始めにフォルダの構成ですがWフォルダというのがあります。 その中に、1というフォルダがあります。 その1フォルダの中にトップページが入っています (直下に置きたくないため) そのトップページのcssを外部リンクにするために以下の記述を<head>~</head>内にしました。 <link href="1.css" rel="stylesheet" type="text/css" media="all" />  ←inde.htmlにのみ適用したいcss <link href="commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss 上記の記述で、cssファイルは1フォルダの中に保存しました。これですとcssは適用されるのですが これを1フォルダの中にcssフォルダを作成して、cssファイルを cssフォルダに保存して以下のように記述すると cssが適用されなくなってしまいます。 <link href="css/1.css" rel="stylesheet" type="text/css" media="all" /> ←inde.htmlにのみ適用したいcss <link href="css/commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss また、別のページですが、1フォルダの中にaというフォルダを作成してtest1.htmとtest2.htmlが入っております。 その際ですが、commonness.cssは共通で適用させたく、更にはtest1.htmとtest2.htmlにのみ適用させたいcssもあるのですが htmlへの記述方法がいまいち理解出来ずご質問をさせていただきました。 私は、Wというフォルダにcssというフォルダを作成して、その中に全てのcssファイルを保存しようと考えていたのですが、考え方が間違っておりますでしょうか? 共通に適用させたいページが保存してあるフォルダの中全てに、commonness.cssファイルを保存した場合、 いざ、編集する際に全てのcssを編集しなければならなく、それでは外部cssにする意味が無いと思うのですが やはり、そうでしょうか? うまく、説明が出来ないのですが、どなた様かご指導の程よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSが反映されないで困っています;;

    日本のホストの時は、CSSがHTMLにうまく反映されていたのですが、 ホストを海外の T35Hosting と Graffiti.net で同じ様に挑戦したら CSSが反映されませんでした;; index.htmlのヘッド内に下記を書いて、 top.cssの名前でCSSを書きました。 <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" href="top.css" type="text/css"> </head> なぜか、反映されませんでした;; 「/」(ルートディレクトリ)と何か関係あるのでしょうか。 <link rel="stylesheet" href="top.css" type="text/css">の行の href="top.css" を href="/.top.css" などに変えなくてはいけないのでしょうか。。。 お知りの方 よろしくお願いします。

  • CSSの外部ファイル読み込み、他にも方法はある?

    サーバーの設定で***.cssを読み込んでもテキストファイルとして認識してしまい。ネットスケープでcssが反映されないのです。(nn4.7/nn7で確認)この状態を改善したいのですが、全てのページにcssを埋め込んでいくとなると作業量が膨大になるため、別の方法を模索しています。 今は <link href="***.css" rel="stylesheet" type="text/css"> という形でやっています。 これを別の方法で解決したいのです。 例えば、javascriptを使用して読み込むなどです。 どなたか良い解決法をご存知でしたら 情報提供お願いします。

    • ベストアンサー
    • HTML
  • CSS のときのヘッダの記述

    <link rel="stylesheet" href="style.css" type="text/css" /> の link rel = の ●「 rel 」って何の省略なのでしょうか? また、 ●href は Hyper link REFerence の略でしょうか?

    • ベストアンサー
    • HTML
  • cssの読み込み優先順位

    以下の場合、grid.cssが優先されて「text-align: center;」が適用されてしまうのですが、common.cssを優先させるにはどのようにしたらよいのでしょうか。(!important命令は使わないという前提で。) 【階層構造】 「cssフォルダ」┳ common.css         ┃         ┣ screen.css         ┃               ┗ 「libフォルダ」━ grid.css cssファイル中身 [screen.css] @import 'lib/grid.css'; [grid.css] body { text-align: center; } [common.css] body { text-align: justify; } htmlファイル中身 <head> <link rel="stylesheet" type="text/css" href="../../css/screen.css" /> <link rel="stylesheet" type="text/css" href="../../css/common.css" /> </head>

    • ベストアンサー
    • CSS
  • インラインフレーム内のcssを親フレームに適用する

    インラインフレーム(子ウィンドウ)に表示されているページ(同一ドメイン上のページです)で読み込まれているcssを、ページ読み込み時に親ウィンドウ側でも読み込みたいと思っています。 内容としては 親ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test1.css"> 子ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test2.css"> となっているソースをページ呼び出し時に 親ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test2.css"> 子ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test2.css"> のように共通していないcssを子ウィンドウ側に合わせて変更したいのです。 子ウィンドウ内のページのソースは訳があって編集する事が出来ないので、親ウィンドウ側で子ウィンドウ内の <link rel="stylesheet" type="text/css" href="test2.css"> の href の値を読みこみ、親ウィンドウ側の href の値を置き換えるといった方法では無いかと思うのですが、具体的にどうすればよいのか分かりません。 どなたかご存知の方、ご教授ください。 よろしくお願いいたします。 また、ブラウザはIE6~8と、Firefoxを想定しています。