質問編集履歴

4

情報追加

2016/11/15 14:37

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -42,13 +42,25 @@
42
42
 
43
43
  ###該当のソースコード
44
44
 
45
- 【layout/application.html.erb】
45
+ 【layout/application.html.erb】★修正しました★
46
46
 
47
47
  ```ruby
48
48
 
49
+ <head>
50
+
51
+ <title>Workspace</title>
52
+
53
+ <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
54
+
55
+ <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
56
+
57
+ <%= csrf_meta_tags %>
58
+
59
+ </head>
60
+
49
61
  <body>
50
62
 
51
- <div class="header">←上位表示されてほしい。
63
+ <div class="header">
52
64
 
53
65
  <%= render 'layouts/header' %>
54
66
 
@@ -64,6 +76,8 @@
64
76
 
65
77
  </body>
66
78
 
79
+ </html>
80
+
67
81
  ```
68
82
 
69
83
 

3

情報追加

2016/11/15 14:37

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -166,7 +166,7 @@
166
166
 
167
167
 
168
168
 
169
- .dropmenu li ul{
169
+ .dropmenu li ul{ ←.headerの子要素?にあたると思います。
170
170
 
171
171
  list-style: none;
172
172
 

2

情報追加

2016/11/15 14:33

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -154,7 +154,39 @@
154
154
 
155
155
 
156
156
 
157
-
157
+
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+
166
+
167
+
168
+
169
+ .dropmenu li ul{
170
+
171
+ list-style: none;
172
+
173
+ position: absolute;
174
+
175
+ background: #fdf9fd;
176
+
177
+ z-index: 9999;
178
+
179
+ top: 100%;
180
+
181
+ left: 0;
182
+
183
+ margin: 0;
184
+
185
+ padding: 0;
186
+
187
+ }
188
+
189
+
158
190
 
159
191
 
160
192
 

1

情報追加

2016/11/15 14:32

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -106,6 +106,28 @@
106
106
 
107
107
 
108
108
 
109
+
110
+
111
+ body {
112
+
113
+ padding-top: 60px;
114
+
115
+ background-color: #e9f8ea;
116
+
117
+ }
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+
126
+
127
+
128
+
129
+
130
+
109
131
  .header {
110
132
 
111
133
  width: 100%;
@@ -132,13 +154,21 @@
132
154
 
133
155
 
134
156
 
157
+
158
+
135
159
 
136
160
 
137
161
 
138
162
 
163
+
164
+
165
+
166
+
167
+ .index-profile {
168
+
169
+ margin-right: 1000px;
170
+
139
-
171
+ }
140
-
141
-
142
172
 
143
173
 
144
174
 
@@ -208,8 +238,44 @@
208
238
 
209
239
 
210
240
 
241
+ ###追加
242
+
243
+
244
+
211
- ###補足情報(言語/FW/ツール等のバージョンなど)
245
+ ①「**.header**を**body**直下に置く」とはこういうことでしょうか?
246
+
212
-
247
+ ```css
248
+
213
-
249
+ body {
250
+
214
-
251
+ padding-top: 60px;
252
+
253
+ background-color: #e9f8ea;
254
+
255
+ .header {
256
+
257
+ width: 100%;
258
+
259
+ height: 40px !important;
260
+
261
+ background-color: #ffffff;
262
+
215
- コードが汚くてすみません。。。
263
+ position: fixed;
264
+
265
+ margin-top: -60px;
266
+
267
+ text-align: right;
268
+
269
+ padding-top: 10px;
270
+
271
+ box-shadow: 0 2px 3px 0 #ddd;
272
+
273
+ z-index: 999;
274
+
275
+ }
276
+
277
+ }
278
+
279
+ ```
280
+
281
+ 試してみましたが、結果は変わらず.headerが.index-my-informationの下に来てしまいました。。。