質問編集履歴

2

追記

2018/02/15 07:58

投稿

pon12
pon12

スコア11

test CHANGED
File without changes
test CHANGED
@@ -374,10 +374,22 @@
374
374
 
375
375
 
376
376
 
377
+
378
+
379
+ <!--[if lt IE 9]>
380
+
381
+ <script src="html5shiv.js"></script>
382
+
383
+ <![endif]-->です。
384
+
385
+
386
+
377
387
  ブラウザで表示すると、(.kaigo h2 ul.menu2)と(.zibyou h2 ul.menu4)が少し下にずれてしまいます。paddingやmargin-bottomを使っても上がりません。
378
388
 
379
389
 
380
390
 
391
+
392
+
381
393
  その他変だと思うコードがありましたら、ご指摘下さい!
382
394
 
383
395
 

1

コード内容の修正

2018/02/15 07:58

投稿

pon12
pon12

スコア11

test CHANGED
File without changes
test CHANGED
@@ -28,11 +28,11 @@
28
28
 
29
29
 
30
30
 
31
-
31
+ <div class="mainmenu1">
32
-
33
-
34
-
32
+
33
+
34
+
35
- <div![イメージ説明](ddda5adf32c23a7056389b43fc6c7c28.jpeg)="iryo">
35
+ <div class="iryo">
36
36
 
37
37
 
38
38
 
@@ -50,6 +50,26 @@
50
50
 
51
51
 
52
52
 
53
+
54
+
55
+
56
+
57
+ <div class="kaigo">
58
+
59
+
60
+
61
+ <h2>介護保険</h2>
62
+
63
+ <ul class="menu2">
64
+
65
+ <li><img src="images/kaigo_03.gif" alt=""></li>
66
+
67
+ </ul>
68
+
69
+
70
+
71
+ </div>
72
+
53
73
 
54
74
 
55
75
 
@@ -78,15 +98,25 @@
78
98
 
79
99
 
80
100
 
101
+
102
+
103
+
104
+
105
+
106
+
107
+
108
+
81
- <div class="kaigo">
109
+ <div class="zibyou">
82
-
83
-
84
-
110
+
111
+
112
+
85
- <h2>介護保険</h2>
113
+ <h2>持病保険</h2>
86
-
114
+
87
- <ul class="menu2">
115
+ <ul class="menu4">
88
-
116
+
89
- <li><img src="images/kaigo_03.gif" alt=""></li>
117
+ <li><img src="images/saport.gif" alt=""></li>
118
+
119
+
90
120
 
91
121
  </ul>
92
122
 
@@ -96,29 +126,9 @@
96
126
 
97
127
 
98
128
 
99
-
100
-
101
-
102
-
103
-
104
-
105
- <div class="zibyou">
129
+
106
-
107
-
108
-
109
- <h2>持病保険</h2>
130
+
110
-
111
- <ul class="menu4">
112
-
113
- <li><img src="images/saport.gif" alt=""></li>
114
-
115
-
116
-
117
- </ul>
118
-
119
-
120
-
121
- </div>
131
+ </div>
122
132
 
123
133
 
124
134
 
@@ -138,6 +148,44 @@
138
148
 
139
149
  article{
140
150
 
151
+
152
+
153
+ margin: 0 auto;
154
+
155
+ }
156
+
157
+
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+ .shohin li{
166
+
167
+ list-style-type: none;
168
+
169
+ text-align: center;
170
+
171
+ padding: 20px;
172
+
173
+ margin-top: 80px ;
174
+
175
+
176
+
177
+ }
178
+
179
+
180
+
181
+
182
+
183
+
184
+
185
+
186
+
187
+ .mainmenu1{
188
+
141
189
  width: 1000px;
142
190
 
143
191
  overflow: hidden;
@@ -196,8 +244,6 @@
196
244
 
197
245
  .kaigo h2{
198
246
 
199
-
200
-
201
247
  float: right;
202
248
 
203
249
  width: 300px;
@@ -230,7 +276,7 @@
230
276
 
231
277
  padding-bottom: 10px;
232
278
 
233
- margin-bottom: 10px;
279
+ margin-bottom: 20px;
234
280
 
235
281
 
236
282
 
@@ -320,6 +366,8 @@
320
366
 
321
367
  }
322
368
 
369
+
370
+
323
371
  ```
324
372
 
325
373
  img-size w300×h200