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

質問編集履歴

2

無理やり解決

2017/12/31 23:19

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -103,4 +103,58 @@
103
103
  今日も1日これだけで終わるのかと思うと・・・もう、ノイローゼになりそうです。。。
104
104
  アドバイス宜しくお願い致します。
105
105
 
106
- 宜しくお願い致します。
106
+ 宜しくお願い致します。
107
+
108
+ ---
109
+
110
+ 皆様アドバイス有難うございます。アドバイスを基に自分なりに色々調べてみましたが、
111
+ 取り敢えず、強引な状態ですが、以下の様にしたら目的を達成できました。
112
+
113
+ ![イメージ説明](d5a9d50bc15e10437f65d8f7a71ab404.png)
114
+
115
+ ```css
116
+ footer{
117
+ border: solid 0.5px;
118
+ padding-top: 10px;
119
+ padding-bottom: 10px;
120
+ display: flex;
121
+ width: 900px;
122
+ }
123
+
124
+ #footer-left{
125
+ width: 300px;
126
+ }
127
+
128
+ #footer-right{
129
+ border: solid 0.5px;
130
+ width: 600px;
131
+ display: flex;
132
+ flex-direction: column;
133
+
134
+
135
+ }
136
+
137
+ #fNav{
138
+
139
+ }
140
+
141
+ #fNav ul{
142
+ display: flex;
143
+ justify-content: flex-end;
144
+ }
145
+
146
+
147
+ #fNav li{
148
+ list-style-type: none;
149
+ padding-left: 10px;
150
+ }
151
+
152
+
153
+ #copyright{
154
+ display: block;
155
+ text-align: right;
156
+ padding-top: 60px; /*無理やり下へ*/
157
+ }
158
+ ```
159
+ まだまだ、要素の配置方法についてはアドバイスを頂きたいことが多々ありますが、
160
+ 一旦、解決とさせていただきます。

1

画像追加しました

2017/12/31 23:19

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -94,4 +94,13 @@
94
94
 
95
95
  ```
96
96
 
97
+ アドバイスいただきました通り、上記CSSのfooter-right内を修正してみましたが、
98
+ 右に余計なスペースができてしまいました。。。
99
+
100
+ ![イメージ説明](550e1c75662bdfc9271f6bc73972ed73.png)
101
+
102
+ とにかく、何をやっても上手く行かないです。。。
103
+ 今日も1日これだけで終わるのかと思うと・・・もう、ノイローゼになりそうです。。。
104
+ アドバイス宜しくお願い致します。
105
+
97
106
  宜しくお願い致します。