質問編集履歴
6
画像を追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -182,4 +182,5 @@
|
|
|
182
182
|
### 補足
|
|
183
183
|
https://github.com/moko443/my-website
|
|
184
184
|
|
|
185
|
-
|
|
185
|
+
|
|
186
|
+
|
5
画像を追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -181,4 +181,5 @@
|
|
|
181
181
|
|
|
182
182
|
### 補足
|
|
183
183
|
https://github.com/moko443/my-website
|
|
184
|
-
|
|
184
|
+
|
|
185
|
+
|
4
画像を追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -181,4 +181,4 @@
|
|
|
181
181
|
|
|
182
182
|
### 補足
|
|
183
183
|
https://github.com/moko443/my-website
|
|
184
|
-
|
3
画像の追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
### 実現したいこと
|
|
2
2
|
別々のページの、フッターの見た目を同じにしたいです。
|
|
3
3
|
|
|
4
4
|
発生している問題・分からないこと
|
|
@@ -180,4 +180,5 @@
|
|
|
180
180
|
キャッシュをクリアしてみましたが、変わりませんでした。
|
|
181
181
|
|
|
182
182
|
### 補足
|
|
183
|
-
https://github.com/moko443/my-website
|
|
183
|
+
https://github.com/moko443/my-website
|
|
184
|
+
](https://ddjkaamml8q8x.cloudfront.net/questions/2025-08-14/5c5403b5-de2c-4bc7-abb7-8a40ca4b2dc2.png)](https://ddjkaamml8q8x.cloudfront.net/questions/2025-08-14/d112512d-00d5-46ff-b2e2-4fdafbfa0ff5.png)
|
2
画像の追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
### 実現したいこと
|
|
1
|
+
](https://ddjkaamml8q8x.cloudfront.net/questions/2025-08-14/5c5403b5-de2c-4bc7-abb7-8a40ca4b2dc2.png)](https://ddjkaamml8q8x.cloudfront.net/questions/2025-08-14/d112512d-00d5-46ff-b2e2-4fdafbfa0ff5.png)### 実現したいこと
|
|
2
2
|
別々のページの、フッターの見た目を同じにしたいです。
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
発生している問題・分からないこと
|
|
5
5
|
Webサイト作成時、複数のページに同じ内容、同じクラス名のフッターを記述しました。
|
|
6
6
|
ところが、ページによって文字や画像の位置が微妙にずれてしまい、原因が分かりません。
|
|
7
7
|
どなたかご教示お願い致します。
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
### 該当のソースコード
|
|
12
|
-
|
|
13
8
|
```html
|
|
14
9
|
<!DOCTYPE html>
|
|
15
10
|
<html lang="jp">
|
|
@@ -21,84 +16,7 @@
|
|
|
21
16
|
<link rel="stylesheet" href="/scss/style.css">
|
|
22
17
|
</head>
|
|
23
18
|
<body>
|
|
24
|
-
<!-- ヘッダー -->
|
|
25
|
-
<header class="header">
|
|
26
|
-
<div class="header-nav">
|
|
27
|
-
<nav>
|
|
28
|
-
<ul>
|
|
29
|
-
<li class="logo"><a href="/index.html"><img src="/image/logo.png" alt=""></a></li>
|
|
30
|
-
<li class="en"><a href="#">Concept</a></li>
|
|
31
|
-
<li class="jp"><a href="/menu/index.html">商品一覧</a></li>
|
|
32
|
-
<li class="en"><a href="#">News</a></li>
|
|
33
|
-
<li class="en"><a href="#">Access</a></li>
|
|
34
|
-
|
|
19
|
+
|
|
35
|
-
<li class="jp"><a href="#">会社概要</a></li>
|
|
36
|
-
</ul>
|
|
37
|
-
</nav>
|
|
38
|
-
</div>
|
|
39
|
-
</header>
|
|
40
|
-
<main>
|
|
41
|
-
<section class="company">
|
|
42
|
-
<h1 class="title-jp">会社概要</h1>
|
|
43
|
-
<div class="company-img">
|
|
44
|
-
<img src="/image/sincerely-media-6dIcIBw11ho-unsplash.png" alt="会社イメージ">
|
|
45
|
-
</div>
|
|
46
|
-
<div class="company-wrapper">
|
|
47
|
-
<div class="company-text">
|
|
48
|
-
<h2>- SOAP EARTH -</h2>
|
|
49
|
-
<p>この名前は「私たちの肌だけでなく、地球にも優しい石鹼を作る」という考えから生まれました。<br>
|
|
50
|
-
環境に配慮した石鹼を手作り・販売することで、普通の洗剤との違い、なぜ環境や人の肌にやさしいのか、<br>
|
|
51
|
-
そして実際に使用してみてわかるお肌の変化をたくさんの方々に知って頂きたいです。</p>
|
|
52
|
-
</div>
|
|
53
|
-
<div class="company-text">
|
|
54
|
-
<h2>- なぜ手作り石鹼が環境に優しいのか -</h2>
|
|
55
|
-
<p>SOAP EARTHの手作り石鹸は、市販の石鹼と違って合成界面活性剤を使用せず、界面活性剤のみを使用<br>
|
|
56
|
-
しています。</p>
|
|
57
|
-
<dl>
|
|
58
|
-
<dt>※界面活性剤</dt>
|
|
59
|
-
<dd>
|
|
60
|
-
水と油などのように本来混ざり合うことがないものを混ざり合うようにする成分のこと。<br>
|
|
61
|
-
この成分のおかげでクリームや乳液を作る際、材料を乳化させることができます。 （混ざり合うようにする）<br>
|
|
62
|
-
界面活性剤があることにより、石けんがモノについた汚れを浮き上がらせてくれ、拭い取ってくれます。<br>
|
|
63
|
-
</dd>
|
|
64
|
-
</dl>
|
|
65
|
-
</div>
|
|
66
|
-
<ul class="company-icon">
|
|
67
|
-
<li>
|
|
68
|
-
<img src="/image/Group 68.png" alt="">
|
|
69
|
-
</li>
|
|
70
|
-
<li>
|
|
71
|
-
<img src="/image/Group 67.png" alt="">
|
|
72
|
-
</li>
|
|
73
|
-
<li>
|
|
74
|
-
<img src="/image/Group 66.png" alt="">
|
|
75
|
-
</li>
|
|
76
|
-
<li>
|
|
77
|
-
<img src="/image/Group 65.png" alt="">
|
|
78
|
-
</li>
|
|
79
|
-
</ul>
|
|
80
|
-
<div class="company-text">
|
|
81
|
-
<p>界面活性剤は自然界から生成できるものです。<br>
|
|
82
|
-
私たちは天然由来成分のみを使用して、一つ一つ丁寧に作り上げています。</p>
|
|
83
|
-
</div>
|
|
84
|
-
<dl class="company-overview">
|
|
85
|
-
<dt>社名</dt>
|
|
86
|
-
<dd>SOAP EARTH</dd>
|
|
87
|
-
<dt>所在地</dt>
|
|
88
|
-
<dd>〒331-0062 埼玉県さいたま市西区土屋</dd>
|
|
89
|
-
<dt>代表者</dt>
|
|
90
|
-
<dd>山田洋子</dd>
|
|
91
|
-
<dt>設立年月日</dt>
|
|
92
|
-
<dd>2025年1月10日</dd>
|
|
93
|
-
<dt>許可・登録・免許</dt>
|
|
94
|
-
<dd>化粧品製造販売業許可 XXXXXXXXX<br>
|
|
95
|
-
化粧品製造業許可 XXXXXXXXX</dd>
|
|
96
|
-
<dt>事業内容</dt>
|
|
97
|
-
<dd>手作り石鹸及び関連商品の企画、製造、販売</dd>
|
|
98
|
-
</dl>
|
|
99
|
-
</div>
|
|
100
|
-
</section>
|
|
101
|
-
</main>
|
|
102
20
|
<!-- フッター -->
|
|
103
21
|
<footer>
|
|
104
22
|
<div class="footer-sns-list">
|
1
その他のコードはGitHubに公開しています。補足欄をご確認ください。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -262,4 +262,4 @@
|
|
|
262
262
|
キャッシュをクリアしてみましたが、変わりませんでした。
|
|
263
263
|
|
|
264
264
|
### 補足
|
|
265
|
-
|
|
265
|
+
https://github.com/moko443/my-website
|