teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

訂正

2016/09/04 12:06

投稿

ryo-dev
ryo-dev

スコア437

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- 上部に固定ヘッダーを付けたいのですが、どのすればいいですか?
1
+ すべてのページの上部に固定ヘッダーを付けたいのですが、ヘッダーを変えた際(デザインな)ページを一つ一つ作りなおすは大変なので、ヘッダーのHTMLをすべてのページで呼び出したいんですが、ど記述すればいいですか?
2
2
  `index.html`のファイルの上部に`header.html`を持ってきて固定にしたいです。
3
3
 
4
4
  ```html

1

追記

2016/09/04 12:06

投稿

ryo-dev
ryo-dev

スコア437

title CHANGED
File without changes
body CHANGED
@@ -1,2 +1,14 @@
1
1
  上部に固定ヘッダーを付けたいのですが、どのようにすればいいですか?
2
- `index.html`のファイルの上部に`header.html`を持ってきて固定にしたいです。
2
+ `index.html`のファイルの上部に`header.html`を持ってきて固定にしたいです。
3
+
4
+ ```html
5
+ <iframe id="header" src="ヘッダー/header.html" height="70" width="100%">
6
+ ```
7
+ ```css
8
+ #header{
9
+ position: fixed;
10
+ }
11
+ ```
12
+ と書いたんですが、こうすると、ファイルが呼び出されはするんですが、`index.html`の文字が表示されなくなります。
13
+
14
+ また`position: fixed`を使えばいいと教えてもらったんですが、どのように使えばいいいんでしょうか?