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

解決済

質問者：toatouto
質問日時：2009/09/20 00:51
回答数：5件

素人です。
<!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件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： outbrave
回答日時：2009/09/20 14:26

あなたの質問を簡単に書くと

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

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

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2009/09/20 16:10

No.5

回答者： noname#100277
回答日時：2009/09/20 15:09

HTMLやCSSの検証を実行したい場合以下で確認を。

HTML
http://validator.w3.org/
拠り正確な（厳格）確認は以下。
http://openlab.ring.gr.jp/k16/htmllint/htmllint. …

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

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2009/09/20 16:15

No.4

回答者： salonpath
回答日時：2009/09/20 14:37

head内に書いてあるのが、そのままだとしたら

</style>がないけどコピペミス？

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2009/09/20 16:13

No.2

回答者： torayoshi
回答日時：2009/09/20 14:25

#1です。

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

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2009/09/20 16:09

No.1

回答者： torayoshi
回答日時：2009/09/20 01:20

CSSはあなたが書くんですよね？

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

この回答への補足

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

補足日時：2009/09/20 01:33

通報する