Webサイトのヘッダーとサイドバー、フッターを細分化し、外部ファイルを3つ作成しました。
そして、index.htmlなどに、ヘッダーとサイドバー、フッターを読込みたい場所に、次のように記述しました。※ちなみに、読み込み元の拡張子はレンサバの指定により「shtml」にしました。
<!--#include virtual="外部ファイル名.html" -->
しかし、ブラウザで表示してみたら、デザインが崩れてしまいました・・・
外部ファイルには、head情報を記述していなくて、表示したい内容のタグや文章だけなのですが、外部ファイルにもhead情報を記載し、cssを適用させる必要があるのでしょうか?
しかし、その場合、きちんと表示されたとしても、ブラウザでソースを確認すれば、head情報が2重で記載されてしまうはずです・・・・・
このような場合、私はどのような対応をしたら良いのでしょうか?
もしくは、外部ファイルを読み込む場合、他に良い方法はるでしょうか?
No.1ベストアンサー
- 回答日時:
例えば
<div class="header">
<h1>見出し</h1>
</div>
とだけかいたファイルを、shtml側から
<!--#include virtual="外部ファイル名.html" -->
で読み出すだけです。
それでデザインが崩れるということは考えられませんので、あなたのスタイルシートの記述が間違っているとしか思いつきません。
firefox+firebugなどで、それぞれの要素にどのスタイルが適用されているかを確認されたら良いでしょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- HTML・CSS HTMLタグのあるCSVファイルを利用する方法 4 2023/03/19 14:41
- C言語・C++・C# c言語の問題です 2 2023/07/21 10:51
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- HTML・CSS HTMLソースの質問 3 2022/07/28 13:29
- 電子書籍 電子書籍の開き方教えて 2 2022/04/30 07:04
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLからフォルダを開きたい
-
iPadの標準ブラウザでローカルH...
-
<a href=…></a>で表示されない。
-
htmlの中にexcelが埋め込むには...
-
htmlの謎
-
HTMLで別PCのフォルダを開く
-
社内で利用するWebサイトを立ち...
-
コマンドプロンプトでパラメー...
-
input type="file"のmaxlength...
-
VB6でHTMLファイルを起動するに...
-
テクトロ オシロ 拡張子 ISFフ...
-
メールに添付されたhtmlファイ...
-
vbでhtmlファイルを作成するに...
-
HTMLファイルに変な文字が勝手...
-
DREAMWEAVER4.0でfirewokshtml...
-
HTMLファイルの開くアプリを指...
-
HTMLやCSSの記述方式とサーバー...
-
Excelで、社外秘(閲覧のみ)と...
-
フレーム内のPHPへPOSTで情報を...
-
ホームページでファイルをダウ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLからフォルダを開きたい
-
iPadの標準ブラウザでローカルH...
-
htmlの中にexcelが埋め込むには...
-
社内で利用するWebサイトを立ち...
-
HTMLで別PCのフォルダを開く
-
htmlの謎
-
<a href=…></a>で表示されない。
-
コマンドプロンプトでパラメー...
-
外部ファイルに関数を置いて、...
-
メールに添付されたhtmlファイ...
-
自作したサイトをインターネッ...
-
スマホサイト url SP
-
Word文書の.docファイルをWeb上...
-
JSPの中にhtmlファイルを埋め込...
-
楽天でiFrameを利用したいので...
-
MIMEタイプってなぜあるんですか?
-
input type="file"のmaxlength...
-
HTMLの<a href="xxx.html">~</...
-
htmlにtextファイルを表示させ...
-
VBSでhtmlのタイトルを取得したい
おすすめ情報