teratail
回答率
85.30%
質問するログイン新規登録
トップに関する質問ASP.NETの画面デザインの書き方について

編集履歴

質問編集履歴

19

aa

2018/08/27 01:53

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -3,7 +3,7 @@
3
3
  環境は
4
4
  　VS2017
5
5
  　ASP.NET WebForm
6
- 　.NET Framework6.1
6
+ 　.NET Framework4.6.1
7
7
  　GrapeCity.Web.Input.v100
8
8
 
9
9
  下記のような画面を作っていますが

18

ああ

2018/08/27 01:53

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -23,7 +23,8 @@
23
23
  　　一般的に設置する際に設置位置や高さ、幅などの設定は
24
24
  　　CSSで各テキストやラベル毎に設定を行うものなのでしょうか？
25
25
 
26
-
26
+ ★ソースＵＰするときに個人情報やらパスワード云々であげれなかったので
27
+ パスワードとかPAsswordとかのキーワードをHOGEとかに変えてます。
27
28
  ★どうしても最後のソースがＵＰできなかったので
28
29
  試しに回答へ貼り付けたらＵＰ成功しました
29
30
 

17

ああ

2018/08/25 16:03

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -4,8 +4,8 @@
4
4
  　VS2017
5
5
  　ASP.NET WebForm
6
6
  　.NET Framework6.1
7
+ 　GrapeCity.Web.Input.v100
7
8
 
8
-
9
9
  下記のような画面を作っていますが
10
10
  Styleのpositionをabsoluteで作成しているため常に固定位置となっています。
11
11
 

16

ああ

2018/08/25 16:00

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -24,8 +24,11 @@
24
24
  　　CSSで各テキストやラベル毎に設定を行うものなのでしょうか？
25
25
 
26
26
 
27
+ ★どうしても最後のソースがＵＰできなかったので
27
- ※コードの貼り付けでエラーが起こりはりつけできませんでした。
28
+ 試しに回答へ貼り付けたらＵＰ成功しました
28
29
 
30
+
31
+
29
32
  以上、よろしくお願いします。
30
33
 
31
34
 

15

aaa

2018/08/25 15:59

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
File without changes

14

aa

2018/08/25 15:55

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -298,21 +298,4 @@
298
298
  height: 20px;
299
299
  width: 20px;
300
300
  }
301
- ```
302
-
303
-
304
- ```HTML5
305
- <%@ Page Title="" Language="C#" MasterPageFile="~/SiteOther.Master" AutoEventWireup="true" CodeBehind="WebLogin.aspx.cs" Inherits="SiSyokuinKanriWeb.View.WebLogin.WebLogin" %>
306
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>
307
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMExtenders" tagprefix="im_extenders" %>
308
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMCombo" tagprefix="im_combo" %>
309
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMMessageBox" tagprefix="im_messagebox" %>
310
- <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
311
-
312
-
313
- </asp:Content>
314
- <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
315
-
316
-
317
-
318
301
  ```

13

ａａ

2018/08/25 15:52

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -132,7 +132,6 @@
132
132
 
133
133
  ```
134
134
 
135
-
136
135
  ```CSS
137
136
  /* DEFAULTS
138
137
  ----------------------------------------------------------*/
@@ -299,4 +298,21 @@
299
298
  height: 20px;
300
299
  width: 20px;
301
300
  }
301
+ ```
302
+
303
+
304
+ ```HTML5
305
+ <%@ Page Title="" Language="C#" MasterPageFile="~/SiteOther.Master" AutoEventWireup="true" CodeBehind="WebLogin.aspx.cs" Inherits="SiSyokuinKanriWeb.View.WebLogin.WebLogin" %>
306
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>
307
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMExtenders" tagprefix="im_extenders" %>
308
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMCombo" tagprefix="im_combo" %>
309
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMMessageBox" tagprefix="im_messagebox" %>
310
+ <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
311
+
312
+
313
+ </asp:Content>
314
+ <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
315
+
316
+
317
+
302
318
  ```

12

ａａ

2018/08/25 15:51

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -133,21 +133,170 @@
133
133
  ```
134
134
 
135
135
 
136
+ ```CSS
137
+ /* DEFAULTS
138
+ ----------------------------------------------------------*/
139
+ body {
140
+ padding: 0 20px;
141
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
142
+ }
136
143
 
144
+ .fakeContainer { /* The parent container */
145
+ border-style: none;
146
+ border-color: inherit;
147
+ border-width: medium;
148
+ margin: 0 0 20px;
149
+ width: 709px; /* Required to set */
150
+ height: 18px; /* Required to set */
151
+ overflow: hidden; /* Required to set */
152
+ }
137
153
 
154
+ .spreadbtn
155
+ {
156
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
157
+ font-size: 9px;
158
+ }
138
159
 
160
+ .btn
161
+ {
162
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
139
- ***********************************
163
+ font-size: 11px;
164
+ }
140
165
 
166
+ .btn:hover {
167
+ background-color: #fff;
168
+ border-color: #59b1eb;
169
+ color: #59b1eb;
170
+ }
141
171
 
172
+ .lbl
173
+ {
174
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
175
+ font-size: 11px;
176
+ }
142
177
 
178
+ .lblHead
179
+ {
180
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
181
+ font-size: 11px;
182
+ }
143
183
 
144
- ```HTML5
184
+ .rdo
185
+ {
186
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
187
+ font-size: 11px;
188
+ }
145
189
 
190
+ .chk
191
+ {
192
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
193
+ font-size: 11px;
194
+ }
146
195
 
196
+ .txt
197
+ {
198
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
199
+ font-size: 11px;
200
+ }
147
201
 
202
+ .date
203
+ {
204
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
205
+ font-size: 11px;
206
+ }
148
207
 
149
- ```
208
+ .cmb
209
+ {
210
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
211
+ font-size: 11px;
212
+ }
150
213
 
214
+ .lnk
215
+ {
216
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
217
+ font-size: 11px;
218
+ }
151
219
 
220
+ body {
221
+ background: #F0F0F0;
222
+ font-size: .80em;
223
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
224
+ margin-right: auto;
225
+ margin-left: auto;
226
+ padding: 0px;
227
+ color: #000066;
228
+ }
152
229
 
230
+ a:link, a:visited
231
+ {
232
+ color: #034af3;
233
+ }
234
+
235
+ a:hover
236
+ {
237
+ color: #1d60ff;
238
+ text-decoration: none;
239
+ }
240
+
241
+ /* HEADINGS
242
+ ----------------------------------------------------------*/
243
+
244
+
153
- **********************************
245
+ /* PRIMARY LAYOUT ELEMENTS
246
+ ----------------------------------------------------------*/
247
+ .center {
248
+ border: 0px;
249
+ text-align: center;
250
+ }
251
+
252
+ .page {
253
+ position: static;
254
+ height: 650px;
255
+ width: 1050px;
256
+ background-color: #fbfffe;
257
+ border: 1px solid #496077;
258
+ margin-right: auto;
259
+ margin-left: auto;
260
+ }
261
+
262
+ .header {
263
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
264
+ position: relative;
265
+ margin: 0px;
266
+ padding: 0px;
267
+ background: #fbfffe;
268
+ width: 99%;
269
+ top: 0px;
270
+ margin-right: auto;
271
+ margin-left: auto;
272
+ height: 114px;
273
+ }
274
+
275
+ .main {
276
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
277
+ padding: 0px 12px;
278
+ margin: 12px 8px 8px 8px;
279
+ min-height: 420px;
280
+ }
281
+
282
+ .footer
283
+ {
284
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
285
+ color: #4e5766;
286
+ padding: 8px 0px 0px 0px;
287
+ margin: 0px auto;
288
+ text-align: center;
289
+ line-height: normal;
290
+ }
291
+
292
+ .ajax__tab_xp .ajax__tab_header .ajax__tab_tab
293
+ {
294
+ height:auto !important;
295
+ }
296
+
297
+ .FpImage img
298
+ {
299
+ height: 20px;
300
+ width: 20px;
301
+ }
302
+ ```

11

ａａ

2018/08/25 15:48

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -141,7 +141,7 @@
141
141
 
142
142
 
143
143
 
144
- ```ASP.NET
144
+ ```HTML5
145
145
 
146
146
 
147
147
 
@@ -150,176 +150,4 @@
150
150
 
151
151
 
152
152
 
153
- **********************************
153
+ **********************************
154
-
155
-
156
-
157
-
158
-
159
- ```CSS
160
- /* DEFAULTS
161
- ----------------------------------------------------------*/
162
- body {
163
- padding: 0 20px;
164
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
165
- }
166
-
167
- .fakeContainer { /* The parent container */
168
- border-style: none;
169
- border-color: inherit;
170
- border-width: medium;
171
- margin: 0 0 20px;
172
- width: 709px; /* Required to set */
173
- height: 18px; /* Required to set */
174
- overflow: hidden; /* Required to set */
175
- }
176
-
177
- .spreadbtn
178
- {
179
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
180
- font-size: 9px;
181
- }
182
-
183
- .btn
184
- {
185
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
186
- font-size: 11px;
187
- }
188
-
189
- .btn:hover {
190
- background-color: #fff;
191
- border-color: #59b1eb;
192
- color: #59b1eb;
193
- }
194
-
195
- .lbl
196
- {
197
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
198
- font-size: 11px;
199
- }
200
-
201
- .lblHead
202
- {
203
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
204
- font-size: 11px;
205
- }
206
-
207
- .rdo
208
- {
209
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
210
- font-size: 11px;
211
- }
212
-
213
- .chk
214
- {
215
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
216
- font-size: 11px;
217
- }
218
-
219
- .txt
220
- {
221
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
222
- font-size: 11px;
223
- }
224
-
225
- .date
226
- {
227
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
228
- font-size: 11px;
229
- }
230
-
231
- .cmb
232
- {
233
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
234
- font-size: 11px;
235
- }
236
-
237
- .lnk
238
- {
239
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
240
- font-size: 11px;
241
- }
242
-
243
- body {
244
- background: #F0F0F0;
245
- font-size: .80em;
246
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
247
- margin-right: auto;
248
- margin-left: auto;
249
- padding: 0px;
250
- color: #000066;
251
- }
252
-
253
- a:link, a:visited
254
- {
255
- color: #034af3;
256
- }
257
-
258
- a:hover
259
- {
260
- color: #1d60ff;
261
- text-decoration: none;
262
- }
263
-
264
- /* HEADINGS
265
- ----------------------------------------------------------*/
266
-
267
-
268
- /* PRIMARY LAYOUT ELEMENTS
269
- ----------------------------------------------------------*/
270
- .center {
271
- border: 0px;
272
- text-align: center;
273
- }
274
-
275
- .page {
276
- position: static;
277
- height: 650px;
278
- width: 1050px;
279
- background-color: #fbfffe;
280
- border: 1px solid #496077;
281
- margin-right: auto;
282
- margin-left: auto;
283
- }
284
-
285
- .header {
286
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
287
- position: relative;
288
- margin: 0px;
289
- padding: 0px;
290
- background: #fbfffe;
291
- width: 99%;
292
- top: 0px;
293
- margin-right: auto;
294
- margin-left: auto;
295
- height: 114px;
296
- }
297
-
298
- .main {
299
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
300
- padding: 0px 12px;
301
- margin: 12px 8px 8px 8px;
302
- min-height: 420px;
303
- }
304
-
305
- .footer
306
- {
307
- font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
308
- color: #4e5766;
309
- padding: 8px 0px 0px 0px;
310
- margin: 0px auto;
311
- text-align: center;
312
- line-height: normal;
313
- }
314
-
315
- .ajax__tab_xp .ajax__tab_header .ajax__tab_tab
316
- {
317
- height:auto !important;
318
- }
319
-
320
- .FpImage img
321
- {
322
- height: 20px;
323
- width: 20px;
324
- }
325
- ```

10

aa

2018/08/25 15:47

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -131,6 +131,31 @@
131
131
 
132
132
 
133
133
  ```
134
+
135
+
136
+
137
+
138
+
139
+ ***********************************
140
+
141
+
142
+
143
+
144
+ ```ASP.NET
145
+
146
+
147
+
148
+
149
+ ```
150
+
151
+
152
+
153
+ **********************************
154
+
155
+
156
+
157
+
158
+
134
159
  ```CSS
135
160
  /* DEFAULTS
136
161
  ----------------------------------------------------------*/

9

a

2018/08/25 15:45

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -32,7 +32,105 @@
32
32
  ※Styleのpositionをabsoluteで作成していたときの画面
33
33
  ![イメージ説明](a3674f7413cbf6e7285750c1485668a8.png)
34
34
  `
35
+ ```HTML5
36
+ <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="SiteOther.master.cs" Inherits="SiSyokuinKanriWeb.SiteOther" %>
35
37
 
38
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
39
+
40
+ <html xmlns="http://www.w3.org/1999/xhtml">
41
+ <head runat="server">
42
+ <base target="_self" />
43
+ <title><%= formtitle %></title>
44
+ <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
45
+ <!--戻るボタンで戻りたくない画面に記述-->
46
+ <script type="text/javascript">
47
+ history.forward();
48
+ </script>
49
+
50
+ <script src="../../script/Html5Viewer/jquery-1.10.2.js" type="text/javascript"></script>
51
+ <script>
52
+
53
+ $(function () {
54
+ //------------------------
55
+ // jQueryキー制御
56
+ // return値falseによりキーキャンセル
57
+ //------------------------
58
+ $(document).keydown(function (event) {
59
+ //alert("AAA");
60
+ // クリックされたキーのコード
61
+ var keyCode = event.keyCode;
62
+ // キーイベントが発生した対象のオブジェクト
63
+ var obj = event.target;
64
+ // バックスペースキーを制御する
65
+ if (keyCode == 8) {
66
+ //alert(obj.tagName);
67
+ //alert(obj.type);
68
+ // テキストボックス／テキストエリアを制御する
69
+ if ((obj.tagName == "INPUT" && (obj.type == "TEXT" || obj.type == "text"))
70
+ || obj.tagName == "TEXTAREA") {
71
+ // 入力できる場合は制御しない
72
+ if (!obj.readOnly && !obj.disabled) {
73
+ //alert("OK");
74
+ return true;
75
+ }
76
+ }
77
+ return false;
78
+ }
79
+ });
80
+ });
81
+ </script>
82
+ <script type="text/javascript">
83
+ window.document.onkeydown = function () {
84
+ if (event.keyCode == 116) {
85
+ alert("F5 キーが押されました。F5ボタンやブラウザ更新ボタンは誤作動の原因となるため押下しないでください。もし再表示確認の画面が表示された場合はキャンセルボタンで戻ってください。");
86
+ event.keyCode = 0;
87
+ return false;
88
+ }
89
+ }
90
+ </script>
91
+
92
+ <asp:ContentPlaceHolder ID="head" runat="server">
93
+ </asp:ContentPlaceHolder>
94
+
95
+ </head>
96
+ <body>
97
+ <div class="page" >
98
+ <form id="form1" runat="server">
99
+
100
+ <div class="main" style="position: relative; top: -7px; height:620px; border:dotted;">
101
+ <asp:ContentPlaceHolder ID="MainContent" runat="server">
102
+
103
+
104
+
105
+
106
+ </asp:ContentPlaceHolder>
107
+ </div>
108
+
109
+ <asp:Panel ID="Panel2" runat="server" class="footer"
110
+ style="position: relative; top:-13px; height: 10px; width: 1050px; background: #0066FF;" >
111
+
112
+ <asp:Label ID="Label1" runat="server"
113
+ style="position: relative; left:2px; top:-3px; text-align:left; vertical-align:top;"
114
+ Font-Italic="True" Font-Size="11px" Font-Bold="True" ForeColor="White" Text="CAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"></asp:Label>
115
+
116
+ <asp:Label ID="Label2" runat="server"
117
+ style="position: relative; left:2px;"
118
+ Font-Italic="True" Font-Size="11px" Font-Bold="True" ForeColor="White"></asp:Label>
119
+
120
+ <asp:Label ID="Label4" runat="server"
121
+ Font-Italic="True" Font-Size="9px"
122
+ style="position: relative; left:300px; top:-3px; text-align:right; vertical-align:top;"
123
+ Text="Copyright c 株式会社xxxxxxxx　All Rights Reserved." Font-Bold="True" ForeColor="Yellow"></asp:Label>
124
+ </asp:Panel>
125
+
126
+ </form>
127
+ </div>
128
+
129
+ </body>
130
+ </html>
131
+
132
+
133
+ ```
36
134
  ```CSS
37
135
  /* DEFAULTS
38
136
  ----------------------------------------------------------*/

8

aa

2018/08/25 15:39

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -32,84 +32,7 @@
32
32
  ※Styleのpositionをabsoluteで作成していたときの画面
33
33
  ![イメージ説明](a3674f7413cbf6e7285750c1485668a8.png)
34
34
  `
35
- ```ASP.NET
36
- <%@ Page Title="" Language="C#" MasterPageFile="~/SiteOther.Master" AutoEventWireup="true" CodeBehind="WebLogin.aspx.cs" Inherits="SiSyokuinKanriWeb.View.WebLogin.WebLogin" %>
37
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>
38
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMExtenders" tagprefix="im_extenders" %>
39
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMCombo" tagprefix="im_combo" %>
40
- <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMMessageBox" tagprefix="im_messagebox" %>
41
- <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
42
35
 
43
-
44
- </asp:Content>
45
- <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
46
-
47
-
48
- ```
49
- ```ASP.NET
50
- <asp:Panel ID="PnlMain" runat="server">
51
-
52
- <asp:Label ID="lblAAAAAANm" runat="server" Text="XXXXXX" Font-Bold="True"
53
- style="position: relative; top: 95px; left: 323px; width: 370px; margin-bottom: 0px;"
54
- Font-Size="XX-Large"></asp:Label>
55
- <asp:Label ID="lblTitle2" runat="server" Text="AAAAAAシステム" Font-Bold="True"
56
- style="position: relative; top: 137px; left: 322px; width: 370px; margin-bottom: 0px; font-size: xx-large;"></asp:Label>
57
- <asp:Label ID="LblMessage" runat="server" ForeColor="Red"
58
- style="position: relative; top: 417px; left: 67px; width: 87px; margin-bottom: 0px;"
59
- ></asp:Label>
60
-
61
- <asp:Label ID="Label3" runat="server" class="lbl" Text="AAAAAA選択"
62
- style="position: relative; top: 190px; left: 725px; width: 87px; margin-bottom: 0px;"
63
- Visible="False"></asp:Label>
64
-
65
- <im_combo:GcComboBox ID="CmbSelectableAAAAAA" runat="server"
66
- HasLoadFromXml="True"
67
- style="position: relative; top: 207px; left: 737px; width: 156px; height: 14px; bottom: 409px; right: 107px;"
68
- TabIndex="1" Visible="False">
69
- </im_combo:GcComboBox>
70
-
71
- <asp:Label ID="Label5" runat="server" class="lbl"
72
- style="position: relative; top: 258px; left: 377px; width: 87px; margin-bottom: 0px;"
73
- Text="職員番号"></asp:Label>
74
-
75
- <im_edit:GcTextBox ID="TxtSyokuinNo" runat="server" AcceptsCrLf="Cut"
76
- Format="#@aA9" HasLoadFromXml="True" HighlightText="True" MaxLength="10"
77
- style="position: relative; top: 256px; left: 473px; width: 135px; margin-bottom: 0px; bottom: 360px; right: 392px; height: 14px;"
78
- ImeMode="Disabled" TabIndex="3">
79
- </im_edit:GcTextBox>
80
-
81
- <asp:Label ID="Label6" runat="server" class="lbl"
82
- style="position: relative; top: 291px; left: 378px; width: 87px; margin-bottom: 0px;"
83
- Text="ＨＯＧＥ"></asp:Label>
84
-
85
- <im_edit:GcTextBox ID="Txthogeword" runat="server" Format="Aa@9"
86
- HasLoadFromXml="True" HighlightText="True" ImeMode="Disabled" MaxLength="10"
87
- style="position: relative; top: 289px; left: 473px; width: 135px; margin-bottom: 0px; bottom: 327px; right: 392px; height: 14px;"
88
- hogewordChar="*" UseClipboard="False" TabIndex="4">
89
- </im_edit:GcTextBox>
90
-
91
- 　　　<asp:Button ID="BtnLogin" runat="server" Text="ログイン"
92
- style="position: relative; top: 336px; left: 458px; width: 98px; bottom: 265px; right: 444px; height: 29px;"
93
- onclick="BtnLogin_Click" TabIndex="5"
94
- onclientclick="this.disabled = true; this.value = 'Submitting...';"
95
- UseSubmitBehavior="False" />
96
-
97
- </asp:Panel>
98
- ```
99
- ```ASP.NET
100
- <im_extenders:GcShortcut ID="GcShortcut1" runat="server">
101
- <shortcutitem controlid = "CmbSelectableRengoKai" value = "NextControl,13,PreviousControl,65549"/>
102
- <shortcutitem controlid = "TxtSyokokaiCd" value = "NextControl,13,PreviousControl,65549"/>
103
- <shortcutitem controlid = "TxtSyokuinNo" value = "NextControl,13,PreviousControl,65549"/>
104
- <shortcutitem controlid = "Txthogeword" value = "NextControl,13,PreviousControl,65549"/>
105
- <shortcutitem controlid = "TxtSecureCd" value = "NextControl,13,PreviousControl,65549"/>
106
- </im_extenders:GcShortcut>
107
-
108
- </asp:Content>
109
-
110
-
111
- ```
112
-
113
36
  ```CSS
114
37
  /* DEFAULTS
115
38
  ----------------------------------------------------------*/

7

aa

2018/08/25 15:38

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -97,16 +97,17 @@
97
97
  </asp:Panel>
98
98
  ```
99
99
  ```ASP.NET
100
+ <im_extenders:GcShortcut ID="GcShortcut1" runat="server">
101
+ <shortcutitem controlid = "CmbSelectableRengoKai" value = "NextControl,13,PreviousControl,65549"/>
102
+ <shortcutitem controlid = "TxtSyokokaiCd" value = "NextControl,13,PreviousControl,65549"/>
103
+ <shortcutitem controlid = "TxtSyokuinNo" value = "NextControl,13,PreviousControl,65549"/>
104
+ <shortcutitem controlid = "Txthogeword" value = "NextControl,13,PreviousControl,65549"/>
105
+ <shortcutitem controlid = "TxtSecureCd" value = "NextControl,13,PreviousControl,65549"/>
106
+ </im_extenders:GcShortcut>
100
107
 
101
- <asp:Panel ID="PnlSecureHead" runat="server" Visible="False">
102
- <im_messagebox:GcMessageBox ID="GcMessageBox" runat="server">
103
- </im_messagebox:GcMessageBox>
104
- <asp:Label ID="lblTitle3" runat="server" Text="セキュリティコード入力" Font-Bold="True"
105
- style="position: relative; top: 49px; width: 512px; margin-bottom: 0px; text-align:center; height: 24px; left: 141px;"
106
- Font-Size="15pt"></asp:Label>
107
-
108
- </asp:Panel>
108
+ </asp:Content>
109
109
 
110
+
110
111
  ```
111
112
 
112
113
  ```CSS

6

aa

2018/08/25 15:31

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -96,6 +96,19 @@
96
96
 
97
97
  </asp:Panel>
98
98
  ```
99
+ ```ASP.NET
100
+
101
+ <asp:Panel ID="PnlSecureHead" runat="server" Visible="False">
102
+ <im_messagebox:GcMessageBox ID="GcMessageBox" runat="server">
103
+ </im_messagebox:GcMessageBox>
104
+ <asp:Label ID="lblTitle3" runat="server" Text="セキュリティコード入力" Font-Bold="True"
105
+ style="position: relative; top: 49px; width: 512px; margin-bottom: 0px; text-align:center; height: 24px; left: 141px;"
106
+ Font-Size="15pt"></asp:Label>
107
+
108
+ </asp:Panel>
109
+
110
+ ```
111
+
99
112
  ```CSS
100
113
  /* DEFAULTS
101
114
  ----------------------------------------------------------*/

5

aa

2018/08/25 15:30

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -33,6 +33,20 @@
33
33
  ![イメージ説明](a3674f7413cbf6e7285750c1485668a8.png)
34
34
  `
35
35
  ```ASP.NET
36
+ <%@ Page Title="" Language="C#" MasterPageFile="~/SiteOther.Master" AutoEventWireup="true" CodeBehind="WebLogin.aspx.cs" Inherits="SiSyokuinKanriWeb.View.WebLogin.WebLogin" %>
37
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>
38
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMExtenders" tagprefix="im_extenders" %>
39
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMCombo" tagprefix="im_combo" %>
40
+ <%@ Register Assembly="GrapeCity.Web.Input.v100, Version=10.0.4002.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMMessageBox" tagprefix="im_messagebox" %>
41
+ <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
42
+
43
+
44
+ </asp:Content>
45
+ <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
46
+
47
+
48
+ ```
49
+ ```ASP.NET
36
50
  <asp:Panel ID="PnlMain" runat="server">
37
51
 
38
52
  <asp:Label ID="lblAAAAAANm" runat="server" Text="XXXXXX" Font-Bold="True"

4

zzz

2018/08/25 15:28

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -32,7 +32,56 @@
32
32
  ※Styleのpositionをabsoluteで作成していたときの画面
33
33
  ![イメージ説明](a3674f7413cbf6e7285750c1485668a8.png)
34
34
  `
35
+ ```ASP.NET
36
+ <asp:Panel ID="PnlMain" runat="server">
35
37
 
38
+ <asp:Label ID="lblAAAAAANm" runat="server" Text="XXXXXX" Font-Bold="True"
39
+ style="position: relative; top: 95px; left: 323px; width: 370px; margin-bottom: 0px;"
40
+ Font-Size="XX-Large"></asp:Label>
41
+ <asp:Label ID="lblTitle2" runat="server" Text="AAAAAAシステム" Font-Bold="True"
42
+ style="position: relative; top: 137px; left: 322px; width: 370px; margin-bottom: 0px; font-size: xx-large;"></asp:Label>
43
+ <asp:Label ID="LblMessage" runat="server" ForeColor="Red"
44
+ style="position: relative; top: 417px; left: 67px; width: 87px; margin-bottom: 0px;"
45
+ ></asp:Label>
46
+
47
+ <asp:Label ID="Label3" runat="server" class="lbl" Text="AAAAAA選択"
48
+ style="position: relative; top: 190px; left: 725px; width: 87px; margin-bottom: 0px;"
49
+ Visible="False"></asp:Label>
50
+
51
+ <im_combo:GcComboBox ID="CmbSelectableAAAAAA" runat="server"
52
+ HasLoadFromXml="True"
53
+ style="position: relative; top: 207px; left: 737px; width: 156px; height: 14px; bottom: 409px; right: 107px;"
54
+ TabIndex="1" Visible="False">
55
+ </im_combo:GcComboBox>
56
+
57
+ <asp:Label ID="Label5" runat="server" class="lbl"
58
+ style="position: relative; top: 258px; left: 377px; width: 87px; margin-bottom: 0px;"
59
+ Text="職員番号"></asp:Label>
60
+
61
+ <im_edit:GcTextBox ID="TxtSyokuinNo" runat="server" AcceptsCrLf="Cut"
62
+ Format="#@aA9" HasLoadFromXml="True" HighlightText="True" MaxLength="10"
63
+ style="position: relative; top: 256px; left: 473px; width: 135px; margin-bottom: 0px; bottom: 360px; right: 392px; height: 14px;"
64
+ ImeMode="Disabled" TabIndex="3">
65
+ </im_edit:GcTextBox>
66
+
67
+ <asp:Label ID="Label6" runat="server" class="lbl"
68
+ style="position: relative; top: 291px; left: 378px; width: 87px; margin-bottom: 0px;"
69
+ Text="ＨＯＧＥ"></asp:Label>
70
+
71
+ <im_edit:GcTextBox ID="Txthogeword" runat="server" Format="Aa@9"
72
+ HasLoadFromXml="True" HighlightText="True" ImeMode="Disabled" MaxLength="10"
73
+ style="position: relative; top: 289px; left: 473px; width: 135px; margin-bottom: 0px; bottom: 327px; right: 392px; height: 14px;"
74
+ hogewordChar="*" UseClipboard="False" TabIndex="4">
75
+ </im_edit:GcTextBox>
76
+
77
+ 　　　<asp:Button ID="BtnLogin" runat="server" Text="ログイン"
78
+ style="position: relative; top: 336px; left: 458px; width: 98px; bottom: 265px; right: 444px; height: 29px;"
79
+ onclick="BtnLogin_Click" TabIndex="5"
80
+ onclientclick="this.disabled = true; this.value = 'Submitting...';"
81
+ UseSubmitBehavior="False" />
82
+
83
+ </asp:Panel>
84
+ ```
36
85
  ```CSS
37
86
  /* DEFAULTS
38
87
  ----------------------------------------------------------*/

3

あああ

2018/08/25 15:27

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -31,4 +31,172 @@
31
31
 
32
32
  ※Styleのpositionをabsoluteで作成していたときの画面
33
33
  ![イメージ説明](a3674f7413cbf6e7285750c1485668a8.png)
34
- `
34
+ `
35
+
36
+ ```CSS
37
+ /* DEFAULTS
38
+ ----------------------------------------------------------*/
39
+ body {
40
+ padding: 0 20px;
41
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
42
+ }
43
+
44
+ .fakeContainer { /* The parent container */
45
+ border-style: none;
46
+ border-color: inherit;
47
+ border-width: medium;
48
+ margin: 0 0 20px;
49
+ width: 709px; /* Required to set */
50
+ height: 18px; /* Required to set */
51
+ overflow: hidden; /* Required to set */
52
+ }
53
+
54
+ .spreadbtn
55
+ {
56
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
57
+ font-size: 9px;
58
+ }
59
+
60
+ .btn
61
+ {
62
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
63
+ font-size: 11px;
64
+ }
65
+
66
+ .btn:hover {
67
+ background-color: #fff;
68
+ border-color: #59b1eb;
69
+ color: #59b1eb;
70
+ }
71
+
72
+ .lbl
73
+ {
74
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
75
+ font-size: 11px;
76
+ }
77
+
78
+ .lblHead
79
+ {
80
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
81
+ font-size: 11px;
82
+ }
83
+
84
+ .rdo
85
+ {
86
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
87
+ font-size: 11px;
88
+ }
89
+
90
+ .chk
91
+ {
92
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
93
+ font-size: 11px;
94
+ }
95
+
96
+ .txt
97
+ {
98
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
99
+ font-size: 11px;
100
+ }
101
+
102
+ .date
103
+ {
104
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
105
+ font-size: 11px;
106
+ }
107
+
108
+ .cmb
109
+ {
110
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
111
+ font-size: 11px;
112
+ }
113
+
114
+ .lnk
115
+ {
116
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
117
+ font-size: 11px;
118
+ }
119
+
120
+ body {
121
+ background: #F0F0F0;
122
+ font-size: .80em;
123
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
124
+ margin-right: auto;
125
+ margin-left: auto;
126
+ padding: 0px;
127
+ color: #000066;
128
+ }
129
+
130
+ a:link, a:visited
131
+ {
132
+ color: #034af3;
133
+ }
134
+
135
+ a:hover
136
+ {
137
+ color: #1d60ff;
138
+ text-decoration: none;
139
+ }
140
+
141
+ /* HEADINGS
142
+ ----------------------------------------------------------*/
143
+
144
+
145
+ /* PRIMARY LAYOUT ELEMENTS
146
+ ----------------------------------------------------------*/
147
+ .center {
148
+ border: 0px;
149
+ text-align: center;
150
+ }
151
+
152
+ .page {
153
+ position: static;
154
+ height: 650px;
155
+ width: 1050px;
156
+ background-color: #fbfffe;
157
+ border: 1px solid #496077;
158
+ margin-right: auto;
159
+ margin-left: auto;
160
+ }
161
+
162
+ .header {
163
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
164
+ position: relative;
165
+ margin: 0px;
166
+ padding: 0px;
167
+ background: #fbfffe;
168
+ width: 99%;
169
+ top: 0px;
170
+ margin-right: auto;
171
+ margin-left: auto;
172
+ height: 114px;
173
+ }
174
+
175
+ .main {
176
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
177
+ padding: 0px 12px;
178
+ margin: 12px 8px 8px 8px;
179
+ min-height: 420px;
180
+ }
181
+
182
+ .footer
183
+ {
184
+ font-family: Verdana, "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "MS Pゴシック", sans-serif;
185
+ color: #4e5766;
186
+ padding: 8px 0px 0px 0px;
187
+ margin: 0px auto;
188
+ text-align: center;
189
+ line-height: normal;
190
+ }
191
+
192
+ .ajax__tab_xp .ajax__tab_header .ajax__tab_tab
193
+ {
194
+ height:auto !important;
195
+ }
196
+
197
+ .FpImage img
198
+ {
199
+ height: 20px;
200
+ width: 20px;
201
+ }
202
+ ```

2

ああ

2018/08/25 08:09

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -24,6 +24,7 @@
24
24
  　　CSSで各テキストやラベル毎に設定を行うものなのでしょうか？
25
25
 
26
26
 
27
+ ※コードの貼り付けでエラーが起こりはりつけできませんでした。
27
28
 
28
29
  以上、よろしくお願いします。
29
30
 

1

内容を変えました

2018/08/25 08:09

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -1,108 +1,33 @@
1
- 画面の書き方を教えてください。
1
+ ※質問の内容を変えています。
2
- 下記はマスターページ（抜粋）とログイン画面ですが
3
- 他の画面も同じような書き方で作っています。
4
- しかし全てposition: absoluteで固定化しているため位置は変わりません。
5
- 画面自体を常にブラウザの真ん中に表示したいのですが
6
- どのように書けば良いかを教えてください。
7
- よろしくお願いします。
8
2
 
3
+ 環境は
4
+ 　VS2017
5
+ 　ASP.NET WebForm
6
+ 　.NET Framework6.1
9
7
 
10
- ■マスターページ（抜粋）
11
- ```ASP.NET
12
- <body>
13
- <div class="page"
14
- style="position: absolute; top: 1px; left: 3px; height: 630px; width: 997px;">
15
- <form id="form1" runat="server">
16
- <div class="header" style="position: absolute; top: 0px; left: 0px;" >
17
- <asp:Label ID="lblFootter" runat="server"
18
- style="position: absolute; top: 610px; height: 20px; width: 997px; background: #0066FF; left: 0px;"
19
- Font-Italic="True" Font-Size="11px" Font-Bold="True" ForeColor="White"></asp:Label>
20
8
 
21
- <asp:Label ID="lblFoot" runat="server"
9
+ 下記のような画面を作っていますが
22
- style="position: absolute; top: 615px; height: 15px; width: 631px; text-align:left; left: -1px;"
23
- Font-Italic="True" Font-Size="11px" Font-Bold="True" ForeColor="White"></asp:Label>
24
-
25
- <asp:Label ID="Label3" runat="server"
10
+ Styleのpositionをabsoluteで作成しているため常に固定位置となっています。
26
- style="position: absolute; top: 615px; height: 15px; right: -5px; width: 367px; text-align:Right; "
27
- Font-Italic="True" Font-Size="9px"
28
- Text="Copyright © 株式会社XXXXXXXXXXX　All Rights Reserved." Font-Bold="True" ForeColor="White"></asp:Label>
29
- </div>
30
- <div class="main" style="height:450px;">
31
- <asp:ContentPlaceHolder ID="MainContent" runat="server">
32
11
 
12
+ ⇒少し、調べたところ、positionにはrelativeというものがあり
13
+ 　これは相関位置指定できるものとわかりました。
33
14
 
15
+ １．画面を常にブラウザの中央に表示したい
16
+ ⇒positionをrelativeに変更して
17
+ margin-right: auto;
18
+ margin-left: auto;
19
+ 　　とすることで左右の中央にできましたが、上下は一番上に固定のままです。
20
+ 　　上下を中央にする場合も何かmargin-right、margin-leftのようなものがあるのでしょうか？
34
21
 
22
+ ２．現在、テキストやラベルの設置位置や高さ、幅などの設定をベタ書きしてますが
23
+ 　　一般的に設置する際に設置位置や高さ、幅などの設定は
24
+ 　　CSSで各テキストやラベル毎に設定を行うものなのでしょうか？
35
25
 
36
- </asp:ContentPlaceHolder>
37
- </div>
38
26
 
39
- </form>
40
- </div>
41
27
 
42
- </body>
28
+ 以上、よろしくお願いします。
43
29
 
44
- ```
45
30
 
46
- ■ログイン画面（抜粋）（マスターページにハメこむ）
47
- ```ASP.NET
48
- <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
49
-
50
- <div align="center" style="height: 567px">
51
-
52
- <asp:Panel ID="PnlMain" runat="server">
53
-
54
- <img alt="" src="../../image/Weblogin_Enclose.png" style="position: absolute; left: 23px; width: 966px; bottom: 304px; height: 91px;" />
55
-
56
- <asp:Label ID="lblOkyakusamaNm" runat="server" Text="XXXXXX" Font-Bold="True"
57
- style="position: absolute; top: 95px; left: 323px; width: 370px; margin-bottom: 0px;"
58
- Font-Size="XX-Large"></asp:Label>
59
- <asp:Label ID="lblTitle2" runat="server" Text="＠＠＠＠システム" Font-Bold="True"
60
-
61
- style="position: absolute; top: 137px; left: 322px; width: 370px; margin-bottom: 0px; font-size: xx-large;"></asp:Label>
62
- <asp:Label ID="LblMessage" runat="server" ForeColor="Red"
63
- style="position: absolute; top: 417px; left: 67px; width: 87px; margin-bottom: 0px;"
64
- ></asp:Label>
65
-
66
- <asp:Label ID="Label3" runat="server" class="lbl" Text=""
67
- style="position: absolute; top: 190px; left: 725px; width: 87px; margin-bottom: 0px;"
68
- Visible="False"></asp:Label>
69
-
70
- <im_combo:GcComboBox ID="CmbSelectableOKyakusama" runat="server"
71
- HasLoadFromXml="True"
72
- style="position: absolute; top: 207px; left: 737px; width: 156px; height: 14px; bottom: 409px; right: 107px;"
73
- TabIndex="1" Visible="False">
74
- </im_combo:GcComboBox>
31
+ ※Styleのpositionをabsoluteで作成していたときの画面
75
-
76
- <asp:Label ID="Label5" runat="server" class="lbl"
77
- style="position: absolute; top: 258px; left: 377px; width: 87px; margin-bottom: 0px;"
78
- Text="職員番号"></asp:Label>
32
+ ![イメージ説明](a3674f7413cbf6e7285750c1485668a8.png)
79
-
80
- <im_edit:GcTextBox ID="TxtSyokuinNo" runat="server" AcceptsCrLf="Cut"
81
- Format="#@aA9" HasLoadFromXml="True" HighlightText="True" MaxLength="10"
82
- style="position: absolute; top: 256px; left: 473px; width: 135px; margin-bottom: 0px; bottom: 360px; right: 392px; height: 14px;"
83
- ImeMode="Disabled" TabIndex="3">
84
- </im_edit:GcTextBox>
85
-
86
- <asp:Label ID="Label6" runat="server" class="lbl"
87
- style="position: absolute; top: 291px; left: 378px; width: 87px; margin-bottom: 0px;"
88
- Text="パスワード"></asp:Label>
89
-
90
- <im_edit:GcTextBox ID="TxtPassword" runat="server" Format="Aa@9"
91
- HasLoadFromXml="True" HighlightText="True" ImeMode="Disabled" MaxLength="10"
92
- style="position: absolute; top: 289px; left: 473px; width: 135px; margin-bottom: 0px; bottom: 327px; right: 392px; height: 14px;"
93
- PasswordChar="*" UseClipboard="False" TabIndex="4">
94
- </im_edit:GcTextBox>
95
-
96
- 　　　<asp:Button ID="BtnLogin" runat="server" Text="ログイン"
97
- style="position: absolute; top: 336px; left: 458px; width: 98px; bottom: 265px; right: 444px; height: 29px;"
98
- onclick="BtnLogin_Click" TabIndex="5"
99
- onclientclick="this.disabled = true; this.value = 'Submitting...';"
100
- UseSubmitBehavior="False" />
101
-
102
- </asp:Panel>
103
-
104
-
105
-
106
- </asp:Content>
107
-
108
- ```
33
+ `