- ベストアンサー
css外部ファイル（ヘッダ、フッタ）の書き方
素人です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> でhtmlを（テキストエディタを使って）書いています。 ヘッダとフッタをcssで書きたいので参考サイト等を探していますが、 htmlに埋め込む方法ばかりで、外部ファイルの書き方が見つかりません。 例えば、 －－－－－－－－－－ <style> * { margin: 0; padding: 0; } #header { position: ●●●● left: 0; top: 0; background-color:●●●● color: ●●●● width: 100%; height: 30px; z-index: 3; －－－－－－－－－－ のようなソースは見つけることが出来るのですが、これを外部ファイルに書き出す方法が分かりません。 ヘッダ内にて <link rel="stylesheet" href="ファイル名.css" type="text/css" /> を宣言し、外部に読み込みファイルを作成する方法で、ヘッダとフッタは作れないのでしょうか？ 探し方が悪いのかもしれませんが、どうしても見つけることが出来ません。 書き方の参考サイトや、ソースの書き方を教えて下さい。 よろしくお願い致します。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
あなたの質問を簡単に書くと 「cssファイルに変更を加えたら正しく表示されなくなった」 こういうことですよね。 この場合、cssファイルの書き方が間違っていると思われます。 括弧が閉じていない部分がないかなど調べてください。
その他の回答 (4)
HTMLやCSSの検証を実行したい場合以下で確認を。 HTML http://validator.w3.org/ 拠り正確な（厳格）確認は以下。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html CSS http://jigsaw.w3.org/css-validator/
お礼
ありがとうございます。 確認用に利用したいと思います。
- salonpath
- ベストアンサー率48% (194/399)
head内に書いてあるのが、そのままだとしたら </style>がないけどコピペミス？
お礼
いいえ。 この後、本文に当たる部分とフッタまでのソースがあって長い上に、このソースは参考にしただけのものですので、ヘッダの辺りまでで切りました。
- torayoshi
- ベストアンサー率62% (910/1449)
#1です。 そういった場合はCSS全構文とhtml構文をここに書き出してください。 でないと検証のしようがありませんから。
お礼
再度、ありがとうございます。 質問に実際のソースを記載していないのは、今回自分で書いた物を直して欲しい、と言うことでなく、通常どのような書き方かを知りたかったからなので、 外部cssファイル読み込みのhtmlで、bodyの色、テキスト色を指定した上でのヘッダ、フッタの指定の書き方を教えて頂きたいと思っています。 よろしくお願い致します。
- torayoshi
- ベストアンサー率62% (910/1449)
CSSはあなたが書くんですよね？ その方法で良いんですよ。 外部ファイルにスタイル宣言はいらないので中身だけ書いて、 ○○.cssで保存すれば良いんです。
補足
ありがとうございます。 私が書きます。 既にcssファイルは用意してあり、そこには背景とテキストのカラーを書き込んであるのです。 その状態で読み込んだ場合は上手く反映されるのですが、ヘッダとフッタの部分を読み込ませるために、質問文に書かれたソースを追加してみたところ、htmlが背景色すら読み込まなくなりました。 仮に質問文のソースをそのまま使うとして、外部ファイルに書き込む際、背景やテキストのソースに加え、どちらも反映されたページを作るには、どうしたら良いのでしょうか？
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
ありがとうございます。 htmlの方も変更しているので、どちらが間違っているのか分からなかったのですが、確認してみます。 ありがとうございました。