teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問html要素に勝手にheight: auto;があたってしまう

編集履歴

質問編集履歴

8

誤字

2019/01/08 05:50

投稿

yuichikubo
yuichikubo

スコア12

test CHANGED
File without changes
test CHANGED
@@ -264,8 +264,6 @@
264
264
 
265
265
 
266
266
 
267
- ```
268
-
269
267
 
270
268
 
271
269
  ### 試したこと

7

タグ修正

2019/01/08 05:50

投稿

yuichikubo
yuichikubo

スコア12

test CHANGED
File without changes
test CHANGED
File without changes

6

誤字

2019/01/08 05:45

投稿

yuichikubo
yuichikubo

スコア12

test CHANGED
File without changes
test CHANGED
@@ -266,8 +266,6 @@
266
266
 
267
267
  ```
268
268
 
269
- ```
270
-
271
269
 
272
270
 
273
271
  ### 試したこと

5

ブラウザから見えるコードに修正

2019/01/08 05:44

投稿

yuichikubo
yuichikubo

スコア12

test CHANGED
File without changes
test CHANGED
@@ -40,15 +40,35 @@
40
40
 
41
41
  <head>
42
42
 
43
- <title>サンプル</title>
43
+ <title>sample</title>
44
-
44
+
45
- <%= csrf_meta_tags %>
45
+ <meta name="csrf-param" content="authenticity_token" />
46
-
46
+
47
- <%= csp_meta_tag %>
47
+ <meta name="csrf-token" content="VRMpDebiADXj7KoYgVVrvWn9/nyeH9PhBy97UJBXrYnmT9fck4UtcSqp8NJIPOn2LTl7nfXeh4bLVaKZ5f2v6w==" />
48
+
49
+
50
+
48
-
51
+ <link rel="stylesheet" media="all" href="/assets/application.self-0d47818663da83b658207efef64aca4ae6dbcb413948c6934ab7347e1cd1d42b.css?body=1" data-turbolinks-track="reload" />
52
+
53
+ <script src="/assets/rails-ujs.self-d109d8c5c0194c8ad60b8838b2661c5596b5c955987f7cd4045eb2fb90ca5343.js?body=1" data-turbolinks-track="reload"></script>
54
+
55
+ <script src="/assets/activestorage.self-1ed4604ac2170045f1ffca4edb81a75246661555e4f9cf682bb8a21825e32e1c.js?body=1" data-turbolinks-track="reload"></script>
56
+
57
+ <script src="/assets/turbolinks.self-569ee74eaa15c1e2019317ff770b8769b1ec033a0f572a485f64c82ddc8f989e.js?body=1" data-turbolinks-track="reload"></script>
58
+
59
+ <script src="/assets/action_cable.self-69fddfcddf4fdef9828648f9330d6ce108b93b82b0b8d3affffc59a114853451.js?body=1" data-turbolinks-track="reload"></script>
60
+
61
+ <script src="/assets/cable.self-8484513823f404ed0c0f039f75243bfdede7af7919dda65f2e66391252443ce9.js?body=1" data-turbolinks-track="reload"></script>
62
+
63
+ <script src="/assets/jquery/dist/jquery.min.self-875821d1e3121b366b94ea86a07f3cbc5c76cb16a319bc62212c03a805ff20e9.js?body=1" data-turbolinks-track="reload"></script>
64
+
65
+ <script src="/assets/bootstrap/dist/js/bootstrap.min.self-5c33978cbd9512ac9b1435ad03674e9be476f21c55f63f20b3680c477076da83.js?body=1" data-turbolinks-track="reload"></script>
66
+
67
+ <script src="/assets/admin-lte/dist/js/adminlte.min.self-434306ae78acd043e4442bbb7a36374cedc94997085b8609d472aa6557af7585.js?body=1" data-turbolinks-track="reload"></script>
68
+
69
+ <script src="/assets/admin-lte/plugins/iCheck/icheck.self-1042e391fddad5e4312167f5749c528fa1536121cb78dba02656d5e85e2a1319.js?body=1" data-turbolinks-track="reload"></script>
70
+
49
- <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
71
+ <script src="/assets/application.self-6a7f81c89608537f1c0b5e6e1a1cad14caec515ae09b88e0406efa9bcbfd4752.js?body=1" data-turbolinks-track="reload"></script>
50
-
51
- <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
52
72
 
53
73
  </head>
54
74
 
@@ -92,8 +112,6 @@
92
112
 
93
113
  <ul class="nav navbar-nav">
94
114
 
95
- <% if user_signed_in? %>
96
-
97
115
  <!-- User Account Menu -->
98
116
 
99
117
  <li class="dropdown user user-menu">
@@ -108,7 +126,7 @@
108
126
 
109
127
  <!-- hidden-xs hides the username on small devices so only the image appears. -->
110
128
 
111
- <span class="hidden-xs">@testliny</span>
129
+ <span class="hidden-xs">@test</span>
112
130
 
113
131
  </a>
114
132
 
@@ -124,13 +142,13 @@
124
142
 
125
143
  <div class="col-xs-6 text-center">
126
144
 
127
- <%= link_to 'マイページ', edit_user_registration_path %>
145
+ <a href="/users/edit">マイページ</a>
128
146
 
129
147
  </div>
130
148
 
131
149
  <div class="col-xs-6 text-center">
132
150
 
133
- <%= link_to 'ログアウト', destroy_user_session_path, method: :delete %>
151
+ <a rel="nofollow" data-method="delete" href="/users/sign_out">ログアウト</a>
134
152
 
135
153
  </div>
136
154
 
@@ -154,14 +172,6 @@
154
172
 
155
173
  </li>
156
174
 
157
- <% else %>
158
-
159
- <li><%= link_to 'サインアップ', new_user_registration_path %></li>
160
-
161
- <li><%= link_to 'ログイン', new_user_session_path %></li>
162
-
163
- <% end %>
164
-
165
175
  </ul>
166
176
 
167
177
  </div>
@@ -174,8 +184,6 @@
174
184
 
175
185
  <!-- Main Sidebar -->
176
186
 
177
- <% if user_signed_in? %>
178
-
179
187
  <aside class="main-sidebar">
180
188
 
181
189
  <section class="sidebar">
@@ -184,9 +192,9 @@
184
192
 
185
193
  <li class="header">機能一覧</li>
186
194
 
187
- <li><%= link_to '一覧', scenarios_path %></li>
195
+ <li><a href="/scenarios">一覧</a></li>
188
-
196
+
189
- <li><%= link_to '新規作成', new_scenario_path %></li>
197
+ <li><a href="/scenarios/new">作成</a></li>
190
198
 
191
199
  </ul>
192
200
 
@@ -194,29 +202,25 @@
194
202
 
195
203
  </aside>
196
204
 
197
- <% else %>
198
-
199
-
200
-
201
- <% end %>
202
-
203
205
 
204
206
 
205
207
  <div class="content-wrapper">
206
208
 
207
- <% if notice %>
208
-
209
- 　　<p class="alert alert-notice"><%= notice %></p>
209
+ <section class="content-header">
210
-
210
+
211
- <% end %>
211
+ <h1>トップページ</h1>
212
-
212
+
213
- <% if alert %>
213
+ </section>
214
-
214
+
215
+
216
+
215
- <p class="alert alert-error"><%= alert %></p>
217
+ <section class="content">
216
-
217
- <% end %>
218
+
218
-
219
+
220
+
221
+
222
+
219
- <%= yield %>
223
+ </section>
220
224
 
221
225
  </div>
222
226
 
@@ -260,6 +264,12 @@
260
264
 
261
265
 
262
266
 
267
+ ```
268
+
269
+ ```
270
+
271
+
272
+
263
273
  ### 試したこと
264
274
 
265
275
 

4

漏れ修正

2019/01/08 05:44

投稿

yuichikubo
yuichikubo

スコア12

test CHANGED
File without changes
test CHANGED
@@ -288,7 +288,7 @@
288
288
 
289
289
  ```
290
290
 
291
- <html style="height: 100;">
291
+ <html style="height: 100%;">
292
292
 
293
293
  ```
294
294
 
@@ -300,7 +300,7 @@
300
300
 
301
301
  ```
302
302
 
303
- <html style="height: 100 !important;">
303
+ <html style="height: 100% !important;">
304
304
 
305
305
  ```
306
306
 

3

漏れ

2019/01/07 23:54

投稿

yuichikubo
yuichikubo

スコア12

test CHANGED
File without changes
test CHANGED
@@ -30,7 +30,9 @@
30
30
 
31
31
 
32
32
 
33
+ ```
34
+
33
- ```application.html.erb
35
+ application.html.erb
34
36
 
35
37
  <!DOCTYPE html>
36
38
 
@@ -248,7 +250,9 @@
248
250
 
249
251
 
250
252
 
253
+ ```
254
+
251
- ```application.css
255
+ application.css
252
256
 
253
257
  特に記述はありません
254
258
 

2

実際のコードを追加

2019/01/07 23:30

投稿

yuichikubo
yuichikubo

スコア12

test CHANGED
File without changes
test CHANGED
@@ -26,6 +26,236 @@
26
26
 
27
27
 
28
28
 
29
+ ### 実際のコード
30
+
31
+
32
+
33
+ ```application.html.erb
34
+
35
+ <!DOCTYPE html>
36
+
37
+ <html>
38
+
39
+ <head>
40
+
41
+ <title>サンプル</title>
42
+
43
+ <%= csrf_meta_tags %>
44
+
45
+ <%= csp_meta_tag %>
46
+
47
+ <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
48
+
49
+ <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
50
+
51
+ </head>
52
+
53
+
54
+
55
+ <body class="skin-black">
56
+
57
+
58
+
59
+ <div class="wrapper">
60
+
61
+
62
+
63
+ <header class="main-header">
64
+
65
+
66
+
67
+ <!-- Logo -->
68
+
69
+ <a href="/" class="logo">
70
+
71
+ <!-- mini logo for sidebar mini 50x50 pixels -->
72
+
73
+ <span class="logo-mini"><b>S</b></span>
74
+
75
+ <!-- logo for regular state and mobile devices -->
76
+
77
+ <span class="logo-lg"><b>Sample</b></span>
78
+
79
+ </a>
80
+
81
+
82
+
83
+ <nav class="navbar navbar-static-top">
84
+
85
+
86
+
87
+ <!-- Navbar Right Menu -->
88
+
89
+ <div class="navbar-custom-menu">
90
+
91
+ <ul class="nav navbar-nav">
92
+
93
+ <% if user_signed_in? %>
94
+
95
+ <!-- User Account Menu -->
96
+
97
+ <li class="dropdown user user-menu">
98
+
99
+
100
+
101
+ <!-- Menu Toggle Button -->
102
+
103
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
104
+
105
+ <!-- The user image in the navbar-->
106
+
107
+ <!-- hidden-xs hides the username on small devices so only the image appears. -->
108
+
109
+ <span class="hidden-xs">@testliny</span>
110
+
111
+ </a>
112
+
113
+ <ul class="dropdown-menu">
114
+
115
+
116
+
117
+ <!-- Menu Body -->
118
+
119
+ <li class="user-body">
120
+
121
+ <div class="row">
122
+
123
+ <div class="col-xs-6 text-center">
124
+
125
+ <%= link_to 'マイページ', edit_user_registration_path %>
126
+
127
+ </div>
128
+
129
+ <div class="col-xs-6 text-center">
130
+
131
+ <%= link_to 'ログアウト', destroy_user_session_path, method: :delete %>
132
+
133
+ </div>
134
+
135
+ </div>
136
+
137
+ <!-- /.row -->
138
+
139
+ </li>
140
+
141
+ </ul>
142
+
143
+ </li>
144
+
145
+
146
+
147
+ <!-- Control Sidebar Toggle Button -->
148
+
149
+ <li>
150
+
151
+ <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
152
+
153
+ </li>
154
+
155
+ <% else %>
156
+
157
+ <li><%= link_to 'サインアップ', new_user_registration_path %></li>
158
+
159
+ <li><%= link_to 'ログイン', new_user_session_path %></li>
160
+
161
+ <% end %>
162
+
163
+ </ul>
164
+
165
+ </div>
166
+
167
+ </nav>
168
+
169
+ </header>
170
+
171
+
172
+
173
+ <!-- Main Sidebar -->
174
+
175
+ <% if user_signed_in? %>
176
+
177
+ <aside class="main-sidebar">
178
+
179
+ <section class="sidebar">
180
+
181
+ <ul class="sidebar-menu">
182
+
183
+ <li class="header">機能一覧</li>
184
+
185
+ <li><%= link_to '一覧', scenarios_path %></li>
186
+
187
+ <li><%= link_to '新規作成', new_scenario_path %></li>
188
+
189
+ </ul>
190
+
191
+ </section>
192
+
193
+ </aside>
194
+
195
+ <% else %>
196
+
197
+
198
+
199
+ <% end %>
200
+
201
+
202
+
203
+ <div class="content-wrapper">
204
+
205
+ <% if notice %>
206
+
207
+ 　　<p class="alert alert-notice"><%= notice %></p>
208
+
209
+ <% end %>
210
+
211
+ <% if alert %>
212
+
213
+ <p class="alert alert-error"><%= alert %></p>
214
+
215
+ <% end %>
216
+
217
+ <%= yield %>
218
+
219
+ </div>
220
+
221
+
222
+
223
+ <!-- Main Footer -->
224
+
225
+ <footer class="main-footer">
226
+
227
+ <!-- To the right -->
228
+
229
+ <div class="pull-right hidden-xs">
230
+
231
+ </div>
232
+
233
+ </footer>
234
+
235
+
236
+
237
+ </div>
238
+
239
+
240
+
241
+ </body>
242
+
243
+ </html>
244
+
245
+
246
+
247
+ ```
248
+
249
+
250
+
251
+ ```application.css
252
+
253
+ 特に記述はありません
254
+
255
+ ```
256
+
257
+
258
+
29
259
  ### 試したこと
30
260
 
31
261
 

1

誤字

2019/01/07 23:30

投稿

yuichikubo
yuichikubo

スコア12

test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,4 @@
1
1
  ### 前提・実現したいこと
2
-
3
-
4
-
5
- ここに質問の内容を詳しく書いてください。
6
2
 
7
3
  RailsでAdmin-LTEを用いて業務用管理画面を実装しております。
8
4