添付画像のように、cssでmarginなどを当て込んでいないにも関わらず
子要素が親要素より下にずれて表示されるのですが、なにか原因ごご存知でしょうか?
前提・実現したいこと
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
php
1問題に対して直接は関係ない箇所は省略しております。 2 3<div class="calendar-area"> 4<table> 5<tbody> 6<tr class="day0fweek"> 7 8 9echo "\t<th style=\"color:".$style."\">".$weekday[$i]."</th>\n"; 10 $i ++; 11} 12 13?> 14 15</tr> 16 17<!-- 日付 --> 18 19 20<?php 21$i = 0;//カウンターリセット 22 23while( $i != $fir_weekday ){ //1日の曜日まで空白( )で埋める 24echo "\t<td> </td>\n"; 25$i ++; 26} 27for( $day=1; checkdate( $now_month, $day, $now_year); $day++){ 28 29if( $i > 6){ 30$i = 0; 31echo "</tr>\n"; 32echo "<tr>\n"; 33echo "\t<td style=\"color:".$style.";\">"; 34 echo $day ; 35 36 echo '</ul>' ; 37 echo '</div>' ; 38 echo '</div>' ; 39 40 41} 42 43 44 45echo"</td>\n"; 46 47$i++; 48} 49 50while( $i < 7 ){ 51echo "\t<td> </td>\n"; 52$i++; 53 } 54 ?> 55</tbody> 56</table> 57</div>
css
1.wrapper{ 2 max-width: 600px; 3 margin: 0 auto; 4 color: #666; 5 display: inline-block; 6 vertical-align: top; 7} 8 9/*カレンダー*/ 10 11table { 12 border-collapse: collapse; 13 width: 100%; 14} 15th { 16 color: #000; 17} 18th, td { 19 border: 1px solid #ddd; 20 padding-top: 10px; 21 padding-bottom: 10px; 22 text-align: center; 23}
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
ソースコードを書きましょう
https://teratail.com/help/question-tips#questionTips3-5-1
恐れ入ります。
この問題の解決にコードは必須なのでしょうか
かなり長いためわかりにくいように思うのですが
問題を再現せずに原因を突き止めるのは困難です。
コードが長いなら、問題が再現できる最小のコードを作って見せてください。
その過程で解決してしまうことも多いものです。
PHPのご質問でしたら、PHPの質問タグをつけることをおすすめいたします。
なお、PHPの部分を削除して試したところ、余白は見られず、問題が再現しませんでした。
tmsw さんのご回答にもあるように、私もホワイトスペースが原因じゃないかと感じています。
出力されたHTMLがあれば、もう少しはっきりするのではないかと思いますが。
回答1件
あなたの回答
tips
プレビュー