JustAnswer のしくみ:
  • 専門家に質問
    知識豊富な専門家があらゆる質問にお答えするために常に待機しています。
  • 専門家が丁寧に対応
    E メールやサイト内オンラインメッセージなど、さまざまな手段で回答を通知。必要に応じてフォローアップの質問をすることもできます。
  • 満足度 100% 保証
    専門家からの回答を確認し評価をすることで、支払うかどうかを決めます。
DKK2002に今すぐ質問する
DKK2002
DKK2002, ITエンジニア
カテゴリ: インターネット
満足したユーザー: 6253
経験:  NTTコミュニケーションズ .com Master★★
60772406
ここに インターネット に関する質問を入力してください。
DKK2002がオンラインで質問受付中

webサイト教本に従ってterapadでhtml5本とCSSを書いたのですが、

解決済みの質問:

webサイト教本に従ってterapadでhtml5本とCSSを書いたのですが、html5本の共通部分へのCSSはちゃんとIE(11)に反映されるのですが、個別のhtmlへのCSSがIEへ反映されません。これはIEの問題でしょうか?まだサーバーにアップしてないのですが、もしこれがterapadとIEの連携に関する問題であれば、アップしたとしてもやはり表示がおかしくなるのではないかと思います。解決法を含めてご教示下さい。

投稿: 3 年 前.
カテゴリ: インターネット
専門家:  DKK2002 返答済み 3 年 前.
dkk2002と申します。今回は質問をご投稿いただきましてありがとうございます。

詳細なhtmlのヘッダー部分の記載が不明なのですが,きちんとCSSファイルを読み込めるように記載がなされていないのではないかと思われます。htmlファイルとcssファイルの位置関係に関する記述(パス)をご確認ください。またきちんと表示されるものとされないものとの違いを入念にご確認ください。

OSやIEまたエディターの問題ではないと思われます。
質問者: 返答済み 3 年 前.

早速の回答ありがとうございます。
こちらのhtmlのヘッダー部分は添付の通りです。


見たところ全く同じなのですが、なぜ不具合が起きるのでしょうか?
教本はスラスラわかるHTML&CSSのきほん 狩野祐東著
ソフトバンククリエイティブ社 2013年5月刊です。


 


専門家:  DKK2002 返答済み 3 年 前.
お知らせいただいた書籍は持ち合わせておりませんので,申し訳ないのですがこちらでは内容は不明です。

それぞれのhtmlファイルは同じフォルダー(ディレクトリー)に置かれているのでしょうか?またhtmlファイルがあるフォルダー内にさらにcssというフォルダーがあり,その中にstyle.cssファイルがあるという位置関係でしょうか?

cssファイルを指定する部分が,「href="css/style.css"」となていますが,上記の位置関係であれば,明示的に「href="./css/style.css"」と記述なさることをお勧めします。お試しください。

質問者: 返答済み 3 年 前.

ご返答ありがとうございます。ファイルの位置関係はご指摘の通りでしたので、早速リンクパスを変えてみましたが変化ありません。CSSファイルとhtmlファイルを添付でお送りして見ていただいてよろしいでしょうか?

専門家:  DKK2002 返答済み 3 年 前.
ファイルをお送りいただくことはご遠慮いただければと思います。

内容をこちらにコピーして貼り付けていただいても結構だと思いますが,いかがでしょうか?

それぞれのファイルの文字コードは統一されているでしょうか?また先に拝見させていただいた内容では,UTF-8と宣言されていましたが,この形式でファイルは保存されているでしょうか?

IEでご確認をいただいているようですが,他のブラウザー(FirefoxやChrome)でも同様でしょうか?
専門家:  DKK2002 返答済み 3 年 前.
たくさんキャプチャ画像のリンクをいただきましたが,ソースの問題ではないと思えます。これ以上の判断はこちらでは不可能です。すべてのリンクに関して,先にお伝えした通り,ソースファイルのあるディレクトリの下にあるディレクトリに関して,また同じディレクトリにあるファイルに関しては,先頭には「./」を付加するようになさってください。

お知らせいただいた画面では,すべてが同じファイルの中に記入されているように見受けられるのですが,別個のファイルとして保存されているという事で間違いないでしょうか?なんだかよく分かりません。
質問者: 返答済み 3 年 前.

そもそもの質問は共通のCSSはちゃんとhtmlファイルに反映して、修飾がなされるのに、個別ファイルになると反映できないのはなぜかというものでした。共通のCSS部分がちゃんとされている時点でリンクはちゃんとされていると思います。いろいろとご教示いただきましたが、今回の件に関しては的を得ていなかったと言わざるを得ません。


 


ご回答の最後の文が「なんだかよくわかりません」だと、私も「満足した」という評価はつけられませんが、よろしいでしょうか?

専門家:  DKK2002 返答済み 3 年 前.
「なんだかよく分かりません。」と述べたのは,リンクを張り付けていただいたキャプチャ画像に関してのコメントです。内容がすべて繋がっていましたので,「すべてが同じファイルの中に記入されているように見受けられる」とも述べました。

文章のやり取りだけでは関係するすべての要素や状況をお伝えいただいたり,こちらが把握したりするのにも限界があるのは当然です。実際は実環境を拝見した上で判断することができれば最善なのですが,それは不可能です。このシステムをご利用いただく上での限界だとご理解ください。

ご評価については,こちらからは何も申せませんのでご自身でご判断なさってください。ただ,結果のみならずこちらの対応等についてもご評価に含めていただけるなら幸いです。
質問者: 返答済み 3 年 前.

CSSが反映される場合とそうでない場合があるのはなぜか、という点を知りたくて質問しました。具体的にはコピペで示したようにfloatやborder-collapseが反映しないのです。これまでのご経験でそのようなことがなかったか、もしなくてもあるとすればどういう場合か、など、現時点でのご自身の知識に限らず、解決法を探していただきたいとお願いしているのですが、そ こまでお願いするのはこの料金では無理なのでしょうか?これまでいただいた情報は私の持っている初心者向け教本でも載っていて、その類のものを読んでも解決できなかったから、あえて有料のこのシステムを使ってお願いしようと思ったわけです。誠意を持って対処していただいているのは理解できますが、専門家としてお金をもらうということは、少しかじったくらいの素人では分からないことについて専門的見地から責任を持って助言する、ということだと思います。(私も別の方の専門家としてお金をもらっていますので、いつもそう考えて仕事しています。偉そうな書き方になっていることをお詫びします)


 


ということですので、最初の質問についてもう少し突っ込んだ何らかのご回答を期待しております。

専門家:  DKK2002 返答済み 3 年 前.
改めてキャプチャ画像を拝見したのですが,http://screencast.com/t/iy3dUEfZOu4の135行目で始まる「# XXXXX{」の括弧が閉じられていないようですので,これ以降の記述はうまく反映されないと思われます。反映されないhtmlファイルでは,これ以降の部分が関係しているのではとも思いますが,いかがでしょうか?
DKK2002をはじめその他名のインターネットカテゴリの専門家が質問受付中
専門家:  DKK2002 返答済み 3 年 前.
「役に立つ回答に満足」とのご評価をありがとうございました。うれしく思います。

また何か機会がございましたらよろしくお願いします。
質問者: 返答済み 3 年 前.

いろいろ言いましたが、辛抱強く答えていただいたこと、本当にありがとうございました。これでサイトを作っていくモチベーションがまた出て来ました。一言お礼まで。

専門家:  DKK2002 返答済み 3 年 前.
ご心配をお掛けしましたが,何とかお役に立てたようであれば嬉しく思います。

サイトの作成も大変骨の折れる作業であることと思いますが,良いサイトをお作りになられてください。またhtmlやcssの学習も大変奥深いことですが,これからもスキルを伸ばしていかれることを願っております。

また何か機会がございましたらお役に立つことができればと思います。ありがとうございました。

インターネット についての関連する質問