• ベストアンサー

外部CSSの後半がHTMLに反映されない

はじめまして。 HTML CSS 初心者です。 現在、mac os Xで、miを使いHPを作成しています。 外部CSSをHTMLへ反映させる方法を取っているのですが、ある程度CSSの記述が増えると、後半のCSSがHTMLへ反映されなくなってしまいます。 反映されない後半のCSSをカットし、前半にコピーすると反映されます。 しかし、それまでに反映されていた後半のものが反映されなくなってしまいます。 現在CSSは1,025文字、93行です。 この場合どのような原因が考えられるのでしょうか。 アドバイスをいただけると幸いです。 宜しくお願い致します。

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

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

おそらく途中の記述が間違ってるか、継承(inherit)の順番が違ってるんじゃないかと思います。 ...というか、Firefoxの「ツール」>「Web開発」>「インスペクタ」とか、 そういう確認ツールをちゃんと使えるようになってください。

outoman
質問者

お礼

御回答ありがとうございます。 一度すべてのCSSを記述し直すことで解決ができました。 恐らく単純なミスだったようです。 お手数をお掛けしました。 恥ずかしながらFirefoxのインスペクタ機能も知らず、調べて使える環境を作ることができました。 この先活用しながら勉強したいと思います。 今回はご回答、ご指導ありがとうございます。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • toast5
  • ベストアンサー率37% (239/638)
回答No.1

93行なんて、多いとはまったく思えません。 例えばこれ↓↓↓は401行、7692文字あります。 http://oshiete.xgoo.jp/css/2012/oshiete-common.css 量の問題ではないので、単純にどっか間違ってるんじゃないですか。 カッコ閉じ忘れとか、何かが1カ所全角になってるとか。

outoman
質問者

お礼

御回答ありがとうございます。 お礼が遅くなり申し訳ありません。 一度すべてのCSSを記述し直すことで解決することができました。 おっしゃる通り、単純なミスだったようです。 お手数をお掛けしました。 今回はご回答、ご指導ありがとうございます。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 外部CSSが反映されるHTMLとされないHTML

    レンタルサーバのファイルマネージャを使ってサイトを作っています。 外部CSSで文字のフォントをMS Pゴシックに統一したいのですが、反映されるページとされないページができました。 CSSには、 @charset "Shift_JIS"; p { font-family: "MS Pゴシック",sans-serif; } 読み込みには、 <link href="./style.css" rel="stylesheet" type="text/css"> と記述しました。 反映されたのはサイト2ページ目の2分割フレームの片側だけで、その他のページはブラウザで指定したフォントのままCSSが反映しません。 HTML、CSS共に文字コードはShift_JISで統一していて、それぞれ<head></head>間の同じ位置に記述してあります。 反映されたHTML内にはボックスの幅指定でCSSを使っていますが、その他のページにはCSSを使っていません。違いはこれだと思うのですが、それがきっかけで反映されたりされなかったりと変わるものなのでしょうか? HTML、CSS共に初心者です。この質問が初歩的なことなのか難しいことなのかもわかりません。 よろしくお願いします。

  • 外部CSSが読み込めません/HTML

    HTMLにおいて、外部CSSを読み込めず困っております。 ググって対処法を実践しても一切反映されません。 現在下記のisaraというサイトを模写しております。 https://isara.life/ HTMLにおいて linkタグでCSSファイルを読み込んだのですがCSSが一切反映されず困っております。 HTMLとCSSファイルは同一フォルダ内にあります。 HTMLファイル名:isaramosya.html CSSファイル名:isaramosya.css HTMLの記述 <link rel=”stylesheet” href="isaramosya.css"> いくらググっても原因がわからず困っております。 原因思い当たる方いらっしゃいましたらお答えいただけましたら幸いです。

    • ベストアンサー
    • CSS
  • 外部CSSをサイトに反映させるには。

    よろしくお願いいたします。 今まではタグやページの<head>内に入れたcssで反映させてきましたが、CSSが多くなってきたので外部CSSにしようと思っています。 現在、HPビルダー9を使用しているのですが、 (1)新しいページのタグ画面に入力していけばいいのでしょうか? (2)ファイル名に[.css]を入れてサーバーにアップすればいいでしょうか?

  • CSSが反映されない

    試しに明治大学のHPをすべてコピーしてVSコードで保存してブラウザにドラッグしたのですが、HTMLしか反映されず、cssとjcが見れない状況です。どうしたらcssを表示できるのでしょうか?

    • ベストアンサー
    • HTML
  • 外部CSSについて

    ちょっとまえに外部CSSに記述した文章を、HTMLにそのまま表示できると言う話を聞いたんですがどうすればいいんでしょうか? HPにcopyrightを書くとき、外部CSSの中に書いといて、htmから外部CSSへLINKをはってその中身(中に書いた文章)をそのまま表示できればとてもべんりなんです。しってるからいたらよろしくお願いします。…P,S もしかしてジャバスクリプトですか?

    • ベストアンサー
    • CSS
  • 外部スタイルシートがsafariブラウザに反映されない

    初心者です、お願い致します。 環境mac osX 外部cssでhtmlファイルをコントロールしたく、外部css(dreamweaverを利用していますが、馴れていないのでテキストエディトでやろうか検討中)とhtmlファイル(テキストエディト)でhp作りをしております。 外部CSSファイルとHTMLファイルの一回目の作成(LINK時)では、どうやら反映がなされるようです。しかし、それ以後、外部CSSファイルをいじりその内容を保存し、HTMLファイルをSAFARIアプリで開くと反映されないのです。 よく分からないのですが、しばらく経って、dreamweaverやテキストエディットを立ち上げ外部CSSファイルの内容を変え、上記と同じ事をするとその時だけ反映され、それ以後、また反映されないという状況になった事もあったと思います。 外部cssファイルは一度しかその内容を指定出来ない、という事ではないですよね??まさか

    • 締切済み
    • Mac
  • 外部CSSで作成したページの印刷について

    「外部CSS」で作成したページを、印刷プレビューしてみると 「HTML」だけ?の状態のような感じです。 「外部CSS」で作成したページを、CSSが反映した見た通りには、印刷できないのでしょうか? なにか、記述の追加をすれば、できるのでしょうか? または、参考サイトがあれば、教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • HTMLとは別に外部cssを作りたいけど、読み込めずに困っています!

       初めて投稿します。<(_ _)>    実は、TeraPadを使ってホームページを作り始めました。  今まで避けて通ってきたHTML言語を使っています。  それだけでページを作ることもできなくはありません。  ただ、SEO対策を考えると、別にスタイルシートを作りたいところです。  実際問題、「.css」ファイルも作りました。  書き方のサンプルを「.css」ファイルにコピーしては、貼りつけました。    しかし、何度も修正したにもかかわらず、  指定したhtmlに反映してくれません。 ´へヽ;  linkのスペルは合っています。  <link rel="stylesheet" href="sample.css" type="text/css" >  また、cssのファイル名も「sample.css」で保存しています。  しかも、htmlとcssは同じファイル内に保存しています。  <meta http-equiv="content-type" content"text/html ; charset=Shift_JIS">  これもスペルミスはないと思います。  もしも、原因があるとしたら、  いったいどこにあるのでしょうか?  1行目に書いた、この文章なのでしょうか?  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  htmlとcssの名前が一致していないからなのでしょうか?  ちなみに、htmlの名称は「sample2」、cssは「sample」です。  それとも、他に原因があるとすれば何なのでしょうか?    最初にスペルを間違えたのが原因なのでしょうか?    WindowsのVistaと関係があるのでしょうか?  読み込めない原因につきまして、  どなたかわかる方がいらっしゃいましたら、  ぜひ回答をお願したいと思います。  心より、お待ちしています。<(_ _)>

  • cssをhtml内から外部へ移すと読み込みません。

    cssをhtml内から外部へ移すと読み込みません。 WEB作成初心者です。よろしくお願いします。 Dreamweaverでサイトを作成しています。 CSSを設定すると全てhmtl内に書き出されてしまっていたので 外部CSSファイルに書き出したいと思っているのですが 例えばhtmlの <head>内にある .article { padding-top: 275px; padding-left: 30px; width: 964px; min-height: 100%; padding-right: 30px; } をそのままカットペーストで外部cssファイルにペーストしても 反映されずに何も見えません。 カットペーストで行けるものとそうでないものもあるようです。 何か特別な設定等あるのでしょうか。 教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • 外部CSSの一部が反映されません。

    ホームページビルダーとメモ帳でサイトを作っています。 外部スタイルシートを指定したのですが、一部分だけ反映されません。 反映されないのは下二行のテーブルへのclass指定です。 CSSは以下になります。 * { margin : 0 ; padding : 0 ; } body{ width :100% ;} body,table {font:normal 13px;} table {margin : 0 ; padding : 0 ;} #my_body { margin: 0 auto; width : 700px ; } #my_navigation { float : left ; width : 150px;} #my_contents { float : left ; width : 550px ;} #my_header { width : 100% ; height : 97px;} #my_footer { width : 100% ; clear : both;} /*リンク*/ A:HOVER{color : #006500;text-decoration : none;} A{color : #00a600;text-decoration : none;} /*指定テーブル内*/ table.a01{width:150;background-color:#cccccc;} html内には <TABLE class="a01"> のように記述しています。 試しにCSSの下一行以外の全ての記述を削除してみても反映されません。 tableでなく、tdで指定してみても反映されません。 ビルダーのページ指定画面では反映されるのですが、プレビュー画面や アップロード後のIE7やFierfoxで見ると反映されていません。 同じ記述をhtml内に<style type="text/css">で指定すると反映されます。 CSSに詳しい方いらっしゃいましたら、どうかよろしくお願い致します。