Table headings not lining it sometimes when there is data in them

Question

I have a calendar I created for a bottling schedule. You can drag and drop items from one data to another and it updates the database. This part works fine.

http://thereal805productions.com/calendar/calendar.php

However, for some reason, the headers "sometimes" don't line up properly when they have data in them. They will be down somewhere between .5 to 1 table cell below where they should be. I'm sure it's just something bone headed, but I can't figure it out.

Any help is appreciated.

The what I think is offending part of the code is here:

while ( $day_num <= $days_in_month )  {
    $matched = false;
     ?>
            <td>  <!-- this should be a table inside each date  -->
            <table>
                <th> <div id = "<?php echo $myDate ?>" class = "droppable ui-widget-header" > <?php echo $day_num ?> </div> </th>

                <?php 
                $result = $conn->query($sql);
                foreach ($result as $row) {
                    // echo "row = " . $row['date'] . " and myDate = " . $myDate;
                    if ($row['botdate'] == $myDate) { ?>
                        <tr><td><div id = '<?php echo $row['id'] ?>' class="draggable ui-widget-content "> <?php echo $row['productId']; ?> </div></td></tr>


                    <?php $matched = true; }  else if ($matched == false) { ?>
                        <tr><td> </td></tr>
                <?php   }

                } ?>  <!-- ends the foreach  -->
            </table>
        </td>  <!-- ends the table inside each date  -->


    <?php


     $day_num++;

     $day_count++;
    $myDate = strtotime("+1 day", strtotime($myDate));
    $myDate = date("Y-m-d", $myDate);

     //Make sure we start a new row every week

     if ($day_count > 7)  {
         echo "</tr><tr>";
         $day_count = 1;
         }

}  // ends the while loop

The complete code is probably not needed, but I included it for completeness sake.

<?php
require_once('../includes/connection.inc.php');
 //This gets today's date

 $date =time () ;

 //This puts the day, month, and year in seperate variables

 $day = date('d', $date) ;

 $month = date('m', $date) ;

 $year = date('Y', $date) ;



 //Here we generate the first day of the month

 $first_day = mktime(0,0,0,$month, 1, $year) ;



 //This gets us the month name

 $title = date('F', $first_day) ;

 //Here we find out what day of the week the first day of the month falls on
 $day_of_week = date('D', $first_day) ;



 //Once we know what day of the week it falls on, we know how many blank days occure before it. If the first day of the week is a Sunday then it would be zero

 switch($day_of_week){

 case "Sun": $blank = 0; break;

 case "Mon": $blank = 1; break;

 case "Tue": $blank = 2; break;

 case "Wed": $blank = 3; break;

 case "Thu": $blank = 4; break;

 case "Fri": $blank = 5; break;

 case "Sat": $blank = 6; break;

 }



 //We then determine how many days are in the current month

 $days_in_month = cal_days_in_month(0, $month, $year) ;


 //Here we start building the table heads
?>
 <table border=1 id = 'calendar'>

 <tr>

    <th colspan=7> <?php echo $title." ". $year; ?></th>


 </tr>

     <tr>
        <th class = 'weekday' width=42>S</th>
        <th class = 'weekday' width=42>M</th>
        <th class = 'weekday' width=42>T</th>
        <th class = 'weekday' width=42>W</th>
        <th class = 'weekday' width=42>T</th>
        <th class = 'weekday' width=42>F</th>
        <th class = 'weekday' width=42>S</th>
     </tr>




<?php
 //This counts the days in the week, up to 7

 $day_count = 1;



 echo "<tr>";

 //first we take care of those blank days

 while ( $blank > 0 )    {

     echo "<td></td>";

     $blank = $blank-1;

     $day_count++;

     }

 //sets the first day of the month to 1

 $day_num = 1;
 $myDate = '2014-05-01';
 $conn = dbConnect();
 $sql = ('SELECT * FROM bottling');





 //count up the days, untill we've done all of them in the month

while ( $day_num <= $days_in_month )  {
    $matched = false;
     ?>
            <td>  <!-- this should be a table inside each date  -->
            <table>
                <th> <div id = "<?php echo $myDate ?>" class = "droppable ui-widget-header" > <?php echo $day_num ?> </div> </th>

                <?php 
                $result = $conn->query($sql);
                foreach ($result as $row) {
                    // echo "row = " . $row['date'] . " and myDate = " . $myDate;
                    if ($row['botdate'] == $myDate) { ?>
                        <tr><td><div id = '<?php echo $row['id'] ?>' class="draggable ui-widget-content "> <?php echo $row['productId']; ?> </div></td></tr>


                    <?php $matched = true; }  else if ($matched == false) { ?>
                        <tr><td> </td></tr>
                <?php   }

                } ?>  <!-- ends the foreach  -->
            </table>
        </td>  <!-- ends the table inside each date  -->


    <?php


     $day_num++;

     $day_count++;
    $myDate = strtotime("+1 day", strtotime($myDate));
    $myDate = date("Y-m-d", $myDate);

     //Make sure we start a new row every week

     if ($day_count > 7)  {
         echo "</tr><tr>";
         $day_count = 1;
         }

}  // ends the while loop

 //Finaly we finish out the table with some blank details if needed

 while ( $day_count >1 && $day_count <=7 )

 {

 echo "<td> </td>";

 $day_count++;

 }


 echo "</tr></table>";

Answer 1

Figured it out, I should be using valign = "top"

so

This makes the table inside the td align to the top