ベストアンサー CSSが反映されない 2014/02/07 22:22 Win8.1です。 IE11を使っています。 ローカルでIEを開いた時、サイトのCSSが反映されません。 どうすれば、CSSが反映されますか。 どなた様かやり方を教えてください。 よろしくお願い致します。 みんなの回答 （1） 専門家の回答 質問者が選んだベストアンサー ベストアンサー MinervaAlice ベストアンサー率50% (2/4) 2014/02/11 19:59 回答No.1 CSSは外部リンクですか？ HTMLファイルの文字コードが「UTF-8」なら CSSファイルの先頭に、「@charset "UTF-8";」 を記述してみてはいかがでしょうか？ もし、それが違ったら、 CSSの記述におかしなところはありませんか？ 質問者 補足 2014/05/01 12:41 返信が大変遅くなってしまいまして、誠にもうしわけありません。 文字コードは、「@charset "UTF-8";」ちゃんとなっています。 ＣＳＳを検証してみましたが、問題ありませんでした。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ [技術者向] コンピュータープログラミング・開発HTML 関連するQ&A Dreamweaver8 CSSが反映されない！ Dreamweaver8 でサイトを作成しているものです。 今までは、何の問題もなくプレビューでCSSが反映されていたのに、突然プレビューでCSSが反映されなくなりました。 以前自分で作成したサイトをダウンロードして、Dreamweaver8のプレビューを見てみてもCSSが反映されていません。 作成時は、CSSは反映されていました。 もちろん、サイトをアップロードしてみると、きちんと反映されています。 Dreamweaverの環境設定やスタイルレンダリングも確認済みです。 見ているブラウザは、IE9です。 プレビューにCSSが反映されないので、サイトの作成ができずに、とても困っていました。 どなたか、詳しい方教えてください！！！ 宜しくお願いします！ 外部CSSがFireFoxで反映されません 外部スタイルシートを使用しています。 ローカルでは、IE・FireFoxともCSSが反映されていますが、 サーバーにアップすると、firefoxでは全く反映されません。 一部が反映されない。という状況ではなく、全く読み込まれていない 状況です。 非常に疑問なのが、同じファイルをあるサーバーにアップしたデータはFireFoxで問題なくCSSが反映されていますが、本来アップすべきサーバーにアップすると反映されない状況です。 同じファイルをアップしていてもこのような事があるのでしょうか？ 色々検索はしてみたもののサッパリ原因がつかめず困っています。 どなたか教えてください。 よろしくお願い致します。 CSSが反映されない(IE) こんにちは。 調べてみても原因が見つからないので質問させていただきました。 Firefoxで動作確認をしたXHTMLとCSSで作成したwebsiteがあります。 そのsiteをIEで動作確認したところ、CSSが全く反映されていませんでした。 文字コードをEUCにして作成したのですが、IEで文字エンコードをshift_jisにしたらレイアウトはガタガタに崩れていますが反映はされるようです。 しかし、バグってしまって文字がおかしくなります。 cssが反映されないと文字は正しく、反映されると文字化けしている、という状況です。 動作確認はFirefox、Operaで行ないました。 全くの初心者ですがどなたかアドバイスをお願いします・・・ ネットワークエンジニアとは？技術職の未来を考える OKWAVE コラム 忍者ホームページにcssが反映されない 「忍者ホームページ」でサイトを作ろうとしています。 初心者なので下記サイトをみてほぼそのままやってみました⬇️ http://www.htmq.com/csskihon/401.shtml FTPはサーバーダックを使用しています。 htmlは反映されたのですが、cssをアップロードしても反映されません。 フォルダも分けてます。 因に、試しにDreamWeaverにこのhtmlとcssをコピペして入れてみたらプレビューのところには このサイトと同じように反映されてました。 ということは、サーバーダックにアップロードする時に問題があるのでしょうか？ 何か考えられる点があればご回答よろしくお願い致します。 cssが反映されない head内にURLに格納されたcssがあるのですが、htmlファイルをブラウザに読み込ませてもそのcssが反映されません。htmlだけが映ります。どうしたらcssを反映させられるでしょうか cssが反映されない サイトを作ろうとしているのですが、初心者なのでこのサイト↓ http://homutuku.com/beginner/330.html を見ながら作っているのですが、スタイルシートが反映されません。 反映されないといっても、ボーダーのオレンジの線一本だけ反映されます。 あとは反映されません。画像なども。 今フォルダは 全体の「hp」というフォルダの中に、「img」フォルダがありその中にheader.gif がはいっています。 あとはこのサイトと同様、cssファイルとindex.htmlだけです。 なぜでしょうか。 よろしくお願いいたします。 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"> ＣＳＳが反映されないで困っています；； 日本のホストの時は、ＣＳＳがＨＴＭＬにうまく反映されていたのですが、 ホストを海外の Ｔ３５Hosting と Graffiti.net で同じ様に挑戦したら ＣＳＳが反映されませんでした；； index.htmlのヘッド内に下記を書いて、 top.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が反映されない プログラミングの知識はほぼ皆無なので無料テンプレートのサイトからテンプレートをダウンロードし、コードはほとんど触らず<p>◯◯◯◯</p>内の文章だけSublime Text2上で編集していました。 写真や内容を自分好みにし、ローカル環境で作動するか試した結果しっかりとCSSも反映されていました。それで、本日実際に多くの人に私のホームページを見てもらいたいと思い、お名前.comにてドメインとレンタルサーバーを取得しました。 そして、すべてのファイルをアップロードし、自分のサイトのURLを検索してみると、全くCSSが反映されていませんでした。 困り果てて、お名前.comの方に連絡しましたが、プログラムの作りに問題があるのでは？と言われてしまいました。実際多くの方はプログラムの作りに問題があって、それがCSSが反映しない原因となっているようですが、僕の場合、テンプレートをダウンロードし文章のみ変えただけで、他のコードやCSSについては全く手を触れていません。また、ローカル環境では問題なくCSSが反映されているのでプログラムの問題ではないと思います。 プログラミングの知識がほとんどなく、どうすれば良いのか分からず困り果てている状態です。。。追加で情報が必要であれば、追加しますので、どなたかHTMLやそのアップロードに詳しい方どうか助けてください。。。 宜しくお願いします。 cssが反映されません FC2のホームページについてです。 ホームページはなんとか作れてサーバーにアップしたのですが、 style.cssで設定した背景画像とスクロールバーが反映されません＞＜ テンプレートをお借りして、その中に入っていたstyle.cssもそのままffftpに アップロードしました。 ファイル内で自分のホームページを見てみると背景画像と色など設定したスクロールバーは しっかり反映されているのですが、サーバーにアップすると反映されません。 ffftpにstyle.cssをそのままアップロードしたのが間違いだったのでしょうか；； 検索して調べてみるとCSSのフォルダごとアップロードしろと書いてあったりするのですが テンプレートに入っているのはstyle.cssというものだけで、cssフォルダは入っていません。 それともcssフォルダは自分で作るのですか＞＜？ CSSが反映されないのです。。 名言集.com様のようなランダム名言ブログパーツを作りたいです。 http://www.meigensyu.com/tools/blogparts.html 早速ソースを自分用に作り替えてみたのですが、 名言をランダムに書き出してくれることまで上手くいきましたが、 名言集.com様のように綺麗な色やdivタグなどのCSSが反映されず、文字だけが出てきてしまいました。 なぜCSSが反映されないのでしょうか。。 すっごく情報が少ないと思うのですが、教えてgooの質問制限に直接連絡禁止まであるので、どう表現したらいいか判りません。。 自サイト誘導もダメですよね、これ。 不足な情報ですが、ご教授いただければ幸いです。 CSSが反映されない… 初心者です。 <html> <head> <title>タイトル</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <style type="text/css"> <!-- .f1{ font-family: "book antique"; font-size: 10px; } --> </head> <body> <span class="f1">本文</span> </body> </html> という簡単な指定をしてみたのですが、実際には何も書かれていない真っ白な画面になり、スタイルシートが反映されないです。 ブラウザが悪いのかと思いFirefoxとIEで試したのですが、やはり真っ白な画面になってしまいます…。 他のサイトのCSSを含んだソースをコピーして試したところ、問題なく反映できるのでブラウザのせいではないと思うのですが、自分で書いた書き方では反映されないので、やはり書き方に問題があるのでしょうか？ geocitiesを利用しております。 よろしくお願いします。 AIは使う人の年齢や市場にも影響する？人工知能の可能性 OKWAVE コラム ｃｓｓの反映について（フォルダにいれると反映されない） 学校の課題として今HPの作成しています。 ｃｓｓのことでわからないことがあるので、誰か詳しい方いましたら教えてください。 かなりページ数が増えてきてしまったので、ページごとにフォルダを作って整理をしようと思うのですが、 そうするとフォルダの中に入れたファイルにはｃｓｓが反映されなくなってしまうんです。 （ちなみにHEADの中に直接埋め込むｃｓｓでなく、ｃｓｓファイルを別に作ってリンクするものです。） フォルダからｃｓｓファイルを出してしまえば、反映されるのですが、 ｃｓｓファイルは全てｃｓｓというフォルダの中に入れなければいけないという決まりがあるので困っています。 <link rel="stylesheet" type="text/css" href="css/design.css"> ↑このようなタグでｃｓｓファイルのリンクを貼っているのですが、反映されません。 どこが間違っているのでしょうか？？ 締め切りが金曜日までなので、かなり困ってます！ 初歩的な質問＆わかりにくい質問ですみませんが、どなたかよろしくお願いします。 CSSが反映されない場合がある PHP + CSS + MySQLを独学中の者です。 作成中のHPで、CSSが反映されない事があり、原因究明に苦心しています。 【事象】 作成中のHPにアクセスすると、CSSが反映されない状態で表示(描画)される事がある。 【情報と考察】 ・PHP5.x、CSS、MySQL5のレンタルサーバで作成中。 ・10回に2回程度の割合で事象が発生する。 ・正常に適応されている時は、想定通りのCSSが描画されている為、コード上の問題は低い。 ・CSSは8つの外部ファイルで構成して、htmlの「link」タグで指定している。 ・事象が発生した場合も、生成されたhtml上では「link」タグで指定されている。 （パスも問題なし） ・複数のブラウザ(IEとFirefox)でも事象は発生する。 以上から、何か原因の可能性として挙げられる事はありますでしょうか。 ご教授・アドバイス頂ければ幸いです。 CSS！dreamweaverでは表示されるのに、アップロードするとまったく反映されない。 はじめまして。 今、問い合わせフォームを作っています。 http://www.kent-web.com/data/postmail.html こちらのフリーのものを編集しているのですが・・・ 確認画面（conf.html）を編集しているのですが、CSSを読み込ませようとすると、DW上では問題なくCSSが反映されます。 しかし、いざアップロードしてみるとなぜかCSSが反映されないばかりか、文字化けしたりしてしまいます。 友人が作ったHPに入れようとしてるのですが、前回自分で1から作ったサイトだと問題なくCSSは反映され、文字化けなども起こりませんでした。 原因や解決方法に心当たりのある方がいらっしゃいましたら、どうかよろしくお願致します。 外部CSSの後半がHTMLに反映されない はじめまして。 HTML CSS 初心者です。 現在、mac os Xで、miを使いHPを作成しています。 外部CSSをHTMLへ反映させる方法を取っているのですが、ある程度CSSの記述が増えると、後半のCSSがHTMLへ反映されなくなってしまいます。 反映されない後半のCSSをカットし、前半にコピーすると反映されます。 しかし、それまでに反映されていた後半のものが反映されなくなってしまいます。 現在CSSは1,025文字、９３行です。 この場合どのような原因が考えられるのでしょうか。 アドバイスをいただけると幸いです。 宜しくお願い致します。 CSSが反映されない 試しに明治大学のHPをすべてコピーしてVSコードで保存してブラウザにドラッグしたのですが、HTMLしか反映されず、ｃｓｓとｊｃが見れない状況です。どうしたらｃｓｓを表示できるのでしょうか？ ＣＳＳが反映されない（相対パスを使う？） ＦＣ２でホームページを作っています。 ＲＯＯＴディレクトリには ｓｔ．ｃｓｓ、ｉｎｄｅｘ．ｈｔｍｌ などを作りました。そこにある全ての ページにＣＳＳが反映されています。 その下の階層に ｉｍｇディレクトリと、自分の書いた作品を入れるためのディレクトリを 作りました。ｉｍｇディレクトリの中にはｇｉｆ形式の画像（ホームページのレイアウトに使う画像） ファイルが入っています。 作品を入れているディレクトリのページを見ると、ＣＳＳが反映されておらず、 真っ白のページに文字が左詰めで書いてあるだけでした。 そこで、相対パスというものを使ってＣＳＳを反映させたいです。 相対パスの説明サイトを見ても全く分かりませんでした。 特に、「./」の使い方が分からなかったです。これをどうやって使うのか？ もしくは 別のを使うのか？ 仮に「./」を使うとして、それをどこに書き込めばいいのかも分かりません。 <link rel="○○（反映させたいページ）/stylesheet" href="st.css" type="text/css"> これのどこかに書き込むと反映されるようになると説明があったのですが…。 ご回答をお願いします。 作成ソフトによってはCSSが反映されない 現在ホームページビルダー12を使用しています。 IEで閲覧するとCSSが反映されない事があるという事が分かり、ページのソースに条件付コメント[if lte IE 6]を記述しました。 それでもFireFoxやOperaでは見る事が出来るんですが、IEだと反映されません。 ホームページビルダーの構文修正機能をオフにしてもダメでした。 そこでもう一つの作成ソフト（DreamWeaver)で全く同じソースを記述してみたところ、IEでも見る事が出来ました。 ソースが同じなのになぜホームページビルダーでは反映されないんでしょうか？ 出来れば使い慣れているビルダーで作業を進めたいと思っていますので分かる方教えてください。 CSSの反映を解除したいのですが うまく伝えられるか微妙なんですが、MTを使ってます。すでにCSSでTABLE全体のスタイル設定がされているのですが、その設定を反映させたくないTABLEがあります。それを実行するにはどのようにしたらよいでしょうか。ちなみに何ができないかというと、エントリー内にTABLEを記述し、tr bgcolorで色指定をしているのですが、反映されません。その原因がCSSモジュールのTABLE部分だと思われるのです。何かタグ指定などでCSSが反映されないような手段はありますでしょうか。 注目のQ&A 「You」や「I」が入った曲といえば？ Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市（長野県）在住でスキーやスノボをする方の用具 カテゴリ [技術者向] コンピューター プログラミング・開発 Microsoft ASPC・C++・C#CGIJavaJavaScriptPerlPHPVisual BasicHTMLXMLCSSFlashAJAXRubySwiftPythonパフォーマンス・チューニングオープンソース開発SEOスマートフォンアプリ開発その他（プログラミング・開発） カテゴリ一覧を見る OKWAVE コラム 突然のトラブル？プリンター・メール・LINE編 携帯料金を賢く見直す！格安SIMと端末選びのポイントは？ 友達って必要？友情って何だろう 大震災時の現実とは？私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ！負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる！ OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
補足
返信が大変遅くなってしまいまして、誠にもうしわけありません。 文字コードは、「@charset "UTF-8";」ちゃんとなっています。 ＣＳＳを検証してみましたが、問題ありませんでした。