質問編集履歴

2

無理やり解決

2017/12/31 23:19

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -209,3 +209,111 @@
209
209
 
210
210
 
211
211
  宜しくお願い致します。
212
+
213
+
214
+
215
+ ---
216
+
217
+
218
+
219
+ 皆様アドバイス有難うございます。アドバイスを基に自分なりに色々調べてみましたが、
220
+
221
+ 取り敢えず、強引な状態ですが、以下の様にしたら目的を達成できました。
222
+
223
+
224
+
225
+ ![イメージ説明](d5a9d50bc15e10437f65d8f7a71ab404.png)
226
+
227
+
228
+
229
+ ```css
230
+
231
+ footer{
232
+
233
+ border: solid 0.5px;
234
+
235
+ padding-top: 10px;
236
+
237
+ padding-bottom: 10px;
238
+
239
+ display: flex;
240
+
241
+ width: 900px;
242
+
243
+ }
244
+
245
+
246
+
247
+ #footer-left{
248
+
249
+ width: 300px;
250
+
251
+ }
252
+
253
+
254
+
255
+ #footer-right{
256
+
257
+ border: solid 0.5px;
258
+
259
+ width: 600px;
260
+
261
+ display: flex;
262
+
263
+ flex-direction: column;
264
+
265
+
266
+
267
+
268
+
269
+ }
270
+
271
+
272
+
273
+ #fNav{
274
+
275
+
276
+
277
+ }
278
+
279
+
280
+
281
+ #fNav ul{
282
+
283
+ display: flex;
284
+
285
+ justify-content: flex-end;
286
+
287
+ }
288
+
289
+
290
+
291
+
292
+
293
+ #fNav li{
294
+
295
+ list-style-type: none;
296
+
297
+ padding-left: 10px;
298
+
299
+ }
300
+
301
+
302
+
303
+
304
+
305
+ #copyright{
306
+
307
+ display: block;
308
+
309
+ text-align: right;
310
+
311
+ padding-top: 60px; /*無理やり下へ*/
312
+
313
+ }
314
+
315
+ ```
316
+
317
+ まだまだ、要素の配置方法についてはアドバイスを頂きたいことが多々ありますが、
318
+
319
+ 一旦、解決とさせていただきます。

1

画像追加しました

2017/12/31 23:19

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -190,4 +190,22 @@
190
190
 
191
191
 
192
192
 
193
+ アドバイスいただきました通り、上記CSSのfooter-right内を修正してみましたが、
194
+
195
+ 右に余計なスペースができてしまいました。。。
196
+
197
+
198
+
199
+ ![イメージ説明](550e1c75662bdfc9271f6bc73972ed73.png)
200
+
201
+
202
+
203
+ とにかく、何をやっても上手く行かないです。。。
204
+
205
+ 今日も1日これだけで終わるのかと思うと・・・もう、ノイローゼになりそうです。。。
206
+
207
+ アドバイス宜しくお願い致します。
208
+
209
+
210
+
193
211
  宜しくお願い致します。