質問編集履歴

1

コードを追加

2021/05/26 04:07

投稿

mikage126
mikage126

スコア2

test CHANGED
File without changes
test CHANGED
@@ -7,3 +7,211 @@
7
7
  添付画像のように、cssでmarginなどを当て込んでいないにも関わらず
8
8
 
9
9
  子要素が親要素より下にずれて表示されるのですが、なにか原因ごご存知でしょうか?
10
+
11
+ ### 前提・実現したいこと
12
+
13
+
14
+
15
+
16
+
17
+
18
+
19
+ ### 発生している問題・エラーメッセージ
20
+
21
+
22
+
23
+ ```
24
+
25
+ エラーメッセージ
26
+
27
+ ```
28
+
29
+
30
+
31
+ ### 該当のソースコード
32
+
33
+
34
+
35
+ ```php
36
+
37
+ 問題に対して直接は関係ない箇所は省略しております。
38
+
39
+
40
+
41
+ <div class="calendar-area">
42
+
43
+ <table>
44
+
45
+ <tbody>
46
+
47
+ <tr class="day0fweek">
48
+
49
+
50
+
51
+
52
+
53
+ echo "\t<th style=\"color:".$style."\">".$weekday[$i]."</th>\n";
54
+
55
+ $i ++;
56
+
57
+ }
58
+
59
+
60
+
61
+ ?>
62
+
63
+
64
+
65
+ </tr>
66
+
67
+
68
+
69
+ <!-- 日付 -->
70
+
71
+
72
+
73
+
74
+
75
+ <?php
76
+
77
+ $i = 0;//カウンターリセット
78
+
79
+
80
+
81
+ while( $i != $fir_weekday ){ //1日の曜日まで空白(&nbsp;)で埋める
82
+
83
+ echo "\t<td>&nbsp;</td>\n";
84
+
85
+ $i ++;
86
+
87
+ }
88
+
89
+ for( $day=1; checkdate( $now_month, $day, $now_year); $day++){
90
+
91
+
92
+
93
+ if( $i > 6){
94
+
95
+ $i = 0;
96
+
97
+ echo "</tr>\n";
98
+
99
+ echo "<tr>\n";
100
+
101
+ echo "\t<td style=\"color:".$style.";\">";
102
+
103
+ echo $day ;
104
+
105
+
106
+
107
+ echo '</ul>' ;
108
+
109
+ echo '</div>' ;
110
+
111
+ echo '</div>' ;
112
+
113
+
114
+
115
+
116
+
117
+ }
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+ echo"</td>\n";
126
+
127
+
128
+
129
+ $i++;
130
+
131
+ }
132
+
133
+
134
+
135
+ while( $i < 7 ){
136
+
137
+ echo "\t<td>&nbsp;</td>\n";
138
+
139
+ $i++;
140
+
141
+ }
142
+
143
+ ?>
144
+
145
+ </tbody>
146
+
147
+ </table>
148
+
149
+ </div>
150
+
151
+ ```
152
+
153
+
154
+
155
+ ```css
156
+
157
+ .wrapper{
158
+
159
+ max-width: 600px;
160
+
161
+ margin: 0 auto;
162
+
163
+ color: #666;
164
+
165
+ display: inline-block;
166
+
167
+ vertical-align: top;
168
+
169
+ }
170
+
171
+
172
+
173
+ /*カレンダー*/
174
+
175
+
176
+
177
+ table {
178
+
179
+ border-collapse: collapse;
180
+
181
+ width: 100%;
182
+
183
+ }
184
+
185
+ th {
186
+
187
+ color: #000;
188
+
189
+ }
190
+
191
+ th, td {
192
+
193
+ border: 1px solid #ddd;
194
+
195
+ padding-top: 10px;
196
+
197
+ padding-bottom: 10px;
198
+
199
+ text-align: center;
200
+
201
+ }
202
+
203
+ ```
204
+
205
+ ### 試したこと
206
+
207
+
208
+
209
+ ここに問題に対して試したことを記載してください。
210
+
211
+
212
+
213
+ ### 補足情報(FW/ツールのバージョンなど)
214
+
215
+
216
+
217
+ ここにより詳細な情報を記載してください。