css外部ファイル(ヘッダ、フッタ)の書き方

解決済みの質問

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" />
を宣言し、外部に読み込みファイルを作成する方法で、ヘッダとフッタは作れないのでしょうか?
探し方が悪いのかもしれませんが、どうしても見つけることが出来ません。
書き方の参考サイトや、ソースの書き方を教えて下さい。
よろしくお願い致します。

投稿日時 - 2009-09-20 00:51:34

連想キーワード:

QNo.5304002

すぐに回答ほしいです

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

あなたの質問を簡単に書くと
「cssファイルに変更を加えたら正しく表示されなくなった」
こういうことですよね。

この場合、cssファイルの書き方が間違っていると思われます。
括弧が閉じていない部分がないかなど調べてください。

投稿日時 - 2009-09-20 14:26:02

お礼

ありがとうございます。
htmlの方も変更しているので、どちらが間違っているのか分からなかったのですが、確認してみます。
ありがとうございました。

投稿日時 - 2009-09-20 16:10:45

ANo.3

0人が「このQ&Aが役に立った」と投票しています

[  前へ  |  次へ ]

ベストアンサー以外の回答(4件中 1~4件目)

HTMLやCSSの検証を実行したい場合以下で確認を。
HTML
http://validator.w3.org/
拠り正確な(厳格)確認は以下。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

CSS
http://jigsaw.w3.org/css-validator/

投稿日時 - 2009-09-20 15:09:22

お礼

ありがとうございます。
確認用に利用したいと思います。

投稿日時 - 2009-09-20 16:15:02

ANo.4

head内に書いてあるのが、そのままだとしたら
</style>がないけどコピペミス?

投稿日時 - 2009-09-20 14:37:41

お礼

いいえ。
この後、本文に当たる部分とフッタまでのソースがあって長い上に、このソースは参考にしただけのものですので、ヘッダの辺りまでで切りました。

投稿日時 - 2009-09-20 16:13:14

ANo.2

#1です。
そういった場合はCSS全構文とhtml構文をここに書き出してください。
でないと検証のしようがありませんから。

投稿日時 - 2009-09-20 14:25:02

お礼

再度、ありがとうございます。
質問に実際のソースを記載していないのは、今回自分で書いた物を直して欲しい、と言うことでなく、通常どのような書き方かを知りたかったからなので、
外部cssファイル読み込みのhtmlで、bodyの色、テキスト色を指定した上でのヘッダ、フッタの指定の書き方を教えて頂きたいと思っています。
よろしくお願い致します。

投稿日時 - 2009-09-20 16:09:31

ANo.1

CSSはあなたが書くんですよね?
その方法で良いんですよ。
外部ファイルにスタイル宣言はいらないので中身だけ書いて、
○○.cssで保存すれば良いんです。

投稿日時 - 2009-09-20 01:20:28

補足

ありがとうございます。
私が書きます。
既にcssファイルは用意してあり、そこには背景とテキストのカラーを書き込んであるのです。
その状態で読み込んだ場合は上手く反映されるのですが、ヘッダとフッタの部分を読み込ませるために、質問文に書かれたソースを追加してみたところ、htmlが背景色すら読み込まなくなりました。
仮に質問文のソースをそのまま使うとして、外部ファイルに書き込む際、背景やテキストのソースに加え、どちらも反映されたページを作るには、どうしたら良いのでしょうか?

投稿日時 - 2009-09-20 01:33:57

あわせてチェックしたい
  • link rel="stylesheet" の設定について ...
  • base hrefとlink rel ...
  • ヘッダー・フッター固定HTMLに関して ...
PR
【夫婦アンケート】バレンタインしてますか?[ 詳細 ]

OKWaveのオススメ

教えて弁護士さん!

お金の悩みQ&A特集はこちら