- ベストアンサー
CSSについて教えてください。
サイトの更新のため、前任者が作成したページを残しつつ新規ページを作成しました。すると、前任者の方が作成したページのフォントにcssが適用されなくなってしまいました。その以前のページというのは、javascriptでcssをリンクさせる形なのです。原因がわからず困っています。どなたか教えてください(;_:)
- yoshmiyuki
- お礼率45% (55/122)
- HTML
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
Ａ．社内のＰＣでＯＫで客先でＮＧ・・・・。 Ｂ．前任者が作成したページを残しつつ新規ページを作成しました。すると、前任者の方が作成したページのフォントにcssが適用されなくなってしまいました。 ちょっと内容が違うような気が？？？？？ まずご自分の理解と現実をすり合わせる事から改めるべきかと。 まず、客先で前任者が作成したページを改定前の状態で閲覧すれば望む結果が出ているのでしょうか？ （客先への納品でしょうから、当然改定前の状態も残っていると思いますが・・・。） 客先の環境が変わっていて、JavaScript の動作に影響が出ている可能性もあります。この場合はページの改定は関係ありませんが・・・。 次に客先と社内ＰＣで見ている物が本当に同じでしょうか？ ｕｐのミスも考えられますが、それ以前に JavaScript では CSS の振り分けを行っています。環境が違えば用いる CSS が違うという仕掛けです。 その辺も意識して社内ＰＣで確認しているのでしょうか？ また、そこで呼んでいる CSS の中身が不明ですが、そこから更に別のファイルを読み込んでいる可能性も考えられるし・・・。 とにかく絞り込みを行わないと・・・。 ＞ちゃんとしたデータなのにcssが効かなくなってしまうのです。 ＞とても起こりえない現象 何を以って「ちゃんとしたデータ」と言えるのか？ 「とても起こりえない現象」というのも、単に理解できない現象という事。 最初にＡ，Ｂと書いた様に 本当に「社内のＰＣで確認ＯＫ」ならば、改定がどうのこうのとは関係ないでしょう・・・。
その他の回答 (2)
こんばんは。No.1で回答したものです。 確認なのですが、つまりは同じデータのはずなのに、質問者様の会社でアップするとOK、お客様に渡してアップするとNGということで間違いないでしょうか。 その場合考えられる原因を挙げてみます。 ・お客様側でやむを得ず文字コードなどが変更されてしまったために内部で文字化けなどが生じた。これは一部のテキストエディタなどで開いて保存するだけで文字コードが変わってしまうことがあります。 ・OSの違いによるもの、つまりWindows→Mac間のような違うOSを介したために不具合が起こった ・表示を確認しているブラウザが会社側とお客様側で異なっている。ブラウザの仕様によるエラーが生じたのかも…？ No.2の方がおっしゃるようにお礼の欄でいただいたJavascriptはただCSSを振り分けているだけなので、それ自体が問題とも思えませんし…。 フォントだけが大きくなってしまう、という原因は大体わかります。 たとえばJavascriptで会社の環境はAというCSSが適切だと判断するとします。そしてお客様側の環境ではBというCSSが適切だと判断するとしましょう。(Javascriptは相手の環境にあったCSSを選ぶためのプログラムです。) そしてそのAの中身は適切なフォントサイズが指定され、BのCSSでは適切なフォントサイズが指定されていないんだと思います。 なのでお客様の方で見た場合は、フォントサイズが指定されてないBを読み込んでしまうためフォントサイズが反映されないのだと思います。 全部憶測なので間違っていたらすみません。(^-^; 一度Javascriptで振り分けているCSSファイル全てにフォントサイズが指定されているかどうかを確認してみるといいと思います。もし指定されていなければ上に書いたような原因だったということになります。
お礼
Javascriptでリンクさせている各cssは前任者から引き続き使用しているものなので、変更していないためそのままでフォントの指定はきちんとできていました。 まだ原因がわかりませんが、一度お客様の方へ作業状況を確認に行くことになりました。 No.2のかたもおっしゃられているとうり、社内に原因があるのだとは思いますがわかりませんでした。 原因に思われるものをたくさん教えてくださいまして本当にありがとうございます(>_<)
こんにちは。 フォントにCSSが適用されなくなったということですが、適用されなくなったのはフォントだけですか？ 他の指定は反映されるのですか？ JavascriptでCSSをリンクさせる形がどのようなものかわかないのですが、通常外部のCSSを読み込む場合は<head>～</head>の間に以下のように記述します。 <link rel="stylesheet" href="【CSSファイルのパス】" type="text/css"> 補足お願いします。m(_ _)m
補足
説明不足ですみません。。焦ってしまっていまして。 ご回答くださってありがとうございます。 cssが効かないのはフォントのみです。 旧来のJavaScriptでスタイルシートを読み込むと以下のようになります。 しかし、これは会社の旧来の方式なので、新規に作成したページにはasha00さんがおっしゃったようにhead内に <link rel="stylesheet" href="【CSSファイルのパス】" type="text/css">でリンクさせています。 ここで困っているのが、JavaScriptでリンクさせている以前のページのみ、フォントが大きくなってしまうのです。 状況を詳しく説明しますと、納品する際にCD-Rにし、社内のPCでチェックしてOKなのにも関わらず、お客さまのところでアップしてもらうと、ちゃんとしたデータなのにcssが効かなくなってしまうのです。とても起こりえない現象なので困っていたのです。こんな状態になられる方はおられないかと思いつつ、もしお分かりになられましたらどうぞ教えてください。よろしくお願いいたします(>_<) <script language="JavaScript"> <!-- var osName = navigator.appVersion; var browser = navigator.appName; var winIEstylesheet = "../../common/win.css"; var winNNstylesheet = "../../common/netscape.css"; var macstylesheet = "../../common/mac.css"; if(osName.indexOf('Mac') != -1){ document.write("<link rel=?"stylesheet?" href=?"" + macstylesheet + "?" type = ?"text/css?">"); }else if(osName.indexOf('Win') != -1){ if(browser.charAt(0)=="N"){ document.write("<link rel=?"stylesheet?" href=?"" + winNNstylesheet + "?" type = ?"text/css?">"); }else if(browser.charAt(0)=="M"){ document.write("<link rel=?"stylesheet?" href=?"" + winIEstylesheet + "?" type = ?"text/css?">"); } } //--> </script>
補足
確かに理解不足なのですが、現状で理解できる材料がなく、なにか確認できる方法があればと思ったんです。 データは、前任者のものと新規に作成したデータ全てをチェックし大丈夫でした。 また、お客さまには以前のデータを全てバックアップし削除の上、アップしてくださいと伝えているんです。 ＞客先の環境が変わっていて、JavaScript の動作に影響が出ている可能性もあります。この場合はページの改定は関係ありませんが・・・。 これはどういうことでしょうか。 今回の私のケースには当てはまらないが、そういう事もある。ということなのでしょうか。