teratail
回答率
85.29%
質問するログイン新規登録
トップに関する質問ASP.NET 4つの.ascxで作った画面を一つの.aspxに取り込もうとしているのですが上手くいきません。

編集履歴

質問編集履歴

4

編集

2021/03/06 02:13

投稿

pentagon
pentagon

スコア11

title CHANGED
File without changes
body CHANGED
@@ -93,37 +93,31 @@
93
93
  <!DOCTYPE html>
94
94
  <html lang="ja">
95
95
  <head>
96
- <meta charset="UTF-8">
97
- <!-- <link rel="stylesheet" href="css/style.css"> -->
96
+ <link rel="stylesheet" href="Styles/style.css" />
98
- <title>HTMLの書き方</title>
97
+ <title>HTML書き方</title>
99
98
  </head>
100
- <body>
101
- <h1>HTMLの書き方</h1>
102
- <p>はじめてのHTMLを作りました</p>
103
99
 
104
100
  <div class="ryohi">
105
101
 
106
- <div class="left_01">
102
+ <h1>HTML-01の書き方</h1>
103
+ <p>はじめてのHTML-01を作りました</p>
107
104
 
108
105
  <table border="1">
109
- <TR style= "text-align: center;" ><TD>月/日</TD><TD>区分</TD><TD colspan="3">区　間</TD><TD colspan="2">金　額</TD></TR>
106
+ <tr style= "text-align: center;" ><td>月/日</td><td>区分</td><td colspan="3">区　間</td><td colspan="2">金　額</td></tr>
110
107
 
111
- <TR><TD>10/10</TD><TD></TD> <TD>++</TD> <TD>〜</TD> <TD></TD> <TD>8000円</TD> </TR>
108
+ <tr><td>10/10</td><td></td> <td>++</td> <td>〜</td> <td></td> <td>8000円</td> </tr>
112
- <TR><TD>10/12</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
109
+ <tr><td>10/12</td> <td></td> <td>**</td> <td>〜</td> <td></td> <td>159円</td> </tr>
113
- <TR><TD>10/13</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
110
+ <tr><td>10/13</td> <td></td> <td>**</td> <td>〜</td> <td></td> <td>159円</td> </tr>
114
- <TR><TD>10/14</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
111
+ <tr><td>10/14</td> <td></td> <td>**</td> <td>〜</td> <td></td> <td>159円</td> </tr>
115
- <TR><TD>10/15</TD> <TD></TD> <TD>*</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
112
+ <tr><td>10/15</td> <td></td> <td>*</td> <td>〜</td> <td></td> <td>159円</td> </tr>
116
- <TR><TD>10/16</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
113
+ <tr><td>10/16</td> <td></td> <td>**</td> <td>〜</td> <td></td> <td>159円</td> </tr>
117
- <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
114
+ <tr style= "color: orange;"><td colspan="5"></td> <td>10000円</td> </tr>
118
- <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
115
+ <tr style= "color: orange;"><td colspan="5"></td> <td>10000円</td> </tr>
119
- <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
116
+ <tr style= "color: orange;"><td colspan="5"></td> <td>10000円</td> </tr>
120
- <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
117
+ <tr style= "color: orange;"><td colspan="5"></td> <td>10000円</td> </tr>
121
118
  </table>
122
119
 
123
- </div>
124
-
125
120
  </div>
126
121
 
127
- </body>
128
122
  </html>
129
123
  ```

3

修正

2021/03/06 02:12

投稿

pentagon
pentagon

スコア11

title CHANGED
File without changes
body CHANGED
@@ -5,6 +5,13 @@
5
5
  ![![イメージ説明](e3ea83abb6c2716e158a7fb0d39ff02e.png)説明](3cc881a4efc82e21dd1554e20ad![イメージ説明](594334abc479c6a96755ffa5ef6![イメージ説明](6d46411401fa6cbdabeef4d2c9fdfd18.png)png)説明](daf538eb7cc80eaae08bf1b425ca3cc9.png)png)](f1d5a10778a8adf6cb9484c23cb408ed.png)
6
6
  FRAMESETを使うことも考えたのですが,ascxは扱っていない?
7
7
 
8
+ WebRyohiX1.ascxとWebRyohiX2.ascx が上段左右に
9
+ その下の行に
10
+ WebRyohiX3.ascxとWebRyohiX4.ascx を左右に表示したいのです。
11
+ 現在の表示は
12
+ WebRyohiX1
13
+ WebRyohiX3,WebRyohiX2
14
+ WebRyohiX4 と表示されています。
8
15
  ### 発生している問題・エラーメッセージ
9
16
 
10
17
  画面がずれてしまいます。

2

スタイルシートの変更

2021/03/06 00:38

投稿

pentagon
pentagon

スコア11

title CHANGED
File without changes
body CHANGED
@@ -50,40 +50,36 @@
50
50
  </html>
51
51
 
52
52
  ---スタイルシート
53
-
53
+ '''
54
54
  .ryohi {
55
- display: inline-block; /* インラインブロック要素にする */
56
55
  background-color: #ccc; /* 背景色指定 */
57
- padding: 20px; /* 余白指定 */
56
+ border: solid 2px; /* 枠線指定 */
58
- height: 350px;
59
57
  width: 495px;
58
+ float: left;
60
59
  }
61
60
 
62
61
  .meisai {
63
- display: inline-block; /* インラインブロック要素にする */
64
62
  background-color: #ccc; /* 背景色指定 */
65
- padding: 20px; /* 余白指定 */
63
+ border: solid 2px; /* 枠線指定 */
66
- height: 350px; /* 高さ指定 */
67
64
  width: 495px;
65
+ float: left;
68
66
  }
69
67
 
70
68
  .menseki {
71
- display: inline-block; /* インラインブロック要素にする */
72
69
  background-color: #ccc; /* 背景色指定 */
73
- padding: 20px; /* 余白指定 */
70
+ border: solid 2px; /* 枠線指定 */
74
- height: 350px; /* 高さ指定 */
75
71
  width: 495px;
72
+ float: left;
76
73
  }
77
74
 
78
75
  .homon {
79
- display: inline-block; /* インラインブロック要素にする */
80
76
  background-color: #ccc; /* 背景色指定 */
81
- padding: 20px; /* 余白指定 */
77
+ border: solid 2px; /* 枠線指定 */
82
- height: 350px; /* 高さ指定 */
83
78
  width: 495px;
79
+ float: left;
84
80
  }
85
-
81
+ '''
86
-
82
+ ```
87
83
  ```WebRyohix1.ascx
88
84
  <%@ Control Language="vb" AutoEventWireup="false" CodeBehind="WebRyohiX1.ascx.vb" Inherits="WebPartList.WebRyohiX1" %>
89
85
 
@@ -122,4 +118,5 @@
122
118
  </div>
123
119
 
124
120
  </body>
125
- </html>
121
+ </html>
122
+ ```

1

ソースの追加

2021/03/06 00:34

投稿

pentagon
pentagon

スコア11

title CHANGED
File without changes
body CHANGED
@@ -84,4 +84,42 @@
84
84
  }
85
85
 
86
86
 
87
- ```
87
+ ```WebRyohix1.ascx
88
+ <%@ Control Language="vb" AutoEventWireup="false" CodeBehind="WebRyohiX1.ascx.vb" Inherits="WebPartList.WebRyohiX1" %>
89
+
90
+ <!DOCTYPE html>
91
+ <html lang="ja">
92
+ <head>
93
+ <meta charset="UTF-8">
94
+ <!-- <link rel="stylesheet" href="css/style.css"> -->
95
+ <title>HTMLの書き方</title>
96
+ </head>
97
+ <body>
98
+ <h1>HTMLの書き方</h1>
99
+ <p>はじめてのHTMLを作りました</p>
100
+
101
+ <div class="ryohi">
102
+
103
+ <div class="left_01">
104
+
105
+ <table border="1">
106
+ <TR style= "text-align: center;" ><TD>月/日</TD><TD>区分</TD><TD colspan="3">区　間</TD><TD colspan="2">金　額</TD></TR>
107
+
108
+ <TR><TD>10/10</TD><TD></TD> <TD>++</TD> <TD>〜</TD> <TD></TD> <TD>8000円</TD> </TR>
109
+ <TR><TD>10/12</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
110
+ <TR><TD>10/13</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
111
+ <TR><TD>10/14</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
112
+ <TR><TD>10/15</TD> <TD></TD> <TD>*</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
113
+ <TR><TD>10/16</TD> <TD></TD> <TD>**</TD> <TD>〜</TD> <TD></TD> <TD>159円</TD> </TR>
114
+ <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
115
+ <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
116
+ <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
117
+ <TR style= "color: orange;"><TD colspan="5"></TD> <TD>10000円</TD> </TR>
118
+ </table>
119
+
120
+ </div>
121
+
122
+ </div>
123
+
124
+ </body>
125
+ </html>