質問編集履歴
3
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -50,6 +50,6 @@
|
|
|
50
50
|
```html
|
|
51
51
|
<div id="footer" class="comon">
|
|
52
52
|
<!-- フッターを呼び出し -->
|
|
53
|
-
<iframe id="footer" class="common" src="footer/footer.html" frameborder="no"></iframe>
|
|
53
|
+
<iframe id="footer" class="common" src="../../footer/footer.html" frameborder="no"></iframe>
|
|
54
54
|
</div>
|
|
55
55
|
```
|
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -44,4 +44,12 @@
|
|
|
44
44
|
clear: both;
|
|
45
45
|
height: 30px;
|
|
46
46
|
}
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
footerの呼び出しコードです。
|
|
50
|
+
```html
|
|
51
|
+
<div id="footer" class="comon">
|
|
52
|
+
<!-- フッターを呼び出し -->
|
|
53
|
+
<iframe id="footer" class="common" src="footer/footer.html" frameborder="no"></iframe>
|
|
54
|
+
</div>
|
|
47
55
|
```
|
1
CSSの追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -13,4 +13,35 @@
|
|
|
13
13
|
</html>
|
|
14
14
|
```
|
|
15
15
|
こういう設計にしたんですが、このページファイルという所が長くなり、スクロールしないと見えなくなってしまった場合に、フッターが表示されなくなってしまいます。
|
|
16
|
-
解決方法を教えて下さい。
|
|
16
|
+
解決方法を教えて下さい。
|
|
17
|
+
|
|
18
|
+
追記です。CSSの提示が必要というコメントがありましたので、CSSの提示を行います。
|
|
19
|
+
```CSS
|
|
20
|
+
#wrapper{
|
|
21
|
+
width: 1280px;
|
|
22
|
+
margin: 0 auto;
|
|
23
|
+
/* ヘッダーの高さ調節 */
|
|
24
|
+
padding-top: 105px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
#main{
|
|
28
|
+
/* mainを左に寄せる */
|
|
29
|
+
float: left;
|
|
30
|
+
background: #fff;
|
|
31
|
+
width: 900px;
|
|
32
|
+
margin: 5;
|
|
33
|
+
}
|
|
34
|
+
#said{
|
|
35
|
+
/* saidを右に寄せる */
|
|
36
|
+
float: left;
|
|
37
|
+
width: 300px;
|
|
38
|
+
margin: 5;
|
|
39
|
+
|
|
40
|
+
height: 80px;
|
|
41
|
+
}
|
|
42
|
+
#footer{
|
|
43
|
+
/* footerをfloatから除外する */
|
|
44
|
+
clear: both;
|
|
45
|
+
height: 30px;
|
|
46
|
+
}
|
|
47
|
+
```
|