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

質問編集履歴

1

ご指摘いただいた試した箇所の記述をしました

2021/02/18 06:52

投稿

herto
herto

スコア1

title CHANGED
File without changes
body CHANGED
@@ -14,18 +14,15 @@
14
14
  ### 該当のソースコード
15
15
  HTML
16
16
  <footer id="footer">
17
-     <p class="footer-text">Herto design :)</p>
17
+     <p class="footer-text">Herto design</p>
18
18
  <h1><a href="https://www.instagram.hl=ja"><img class="instagram" src="IMG/instagram.png" alt="instagram icon"></a></h1>
19
19
  </footer>
20
-
20
+ -------------
21
21
  CSS
22
22
  #footer {
23
23
  width: 100%;
24
24
  height: 100px;
25
- text-align: center;
26
- padding: 0;
27
- background-color: white;
25
+ background-color: #FFFFFF;
28
- background-size:cover;
29
26
  }
30
27
  .footer-text {
31
28
  color: #2F4F4F;
@@ -35,13 +32,14 @@
35
32
  width:40px;
36
33
  height:40px;
37
34
  float: right;
38
- padding-bottom: 50px
35
+ margin-bottom:100px
39
36
  }
40
37
  ```HTML/CSS
41
38
 
42
39
  ### 試したこと
43
40
 
41
+ .instagramの箇所のmargin-bottomを上げたいと思い100pxで設定してみたところ、
44
- ここに問題に対してたことを記載してください。
42
+ .footerで設定た背景色が移動してしまい、footer部分の下側に余計な余白が発生してしまました
45
43
 
46
44
  ### 補足情報(FW/ツールのバージョンなど)
47
45