php - divタグ内にタグを入れることができません以下の例のようにタグの中に入れようとしていますが、テーブルはtableWrapper divの外に表示され、tableWrapper divは正しく表示されますが、テーブルはその外にあり、何が間違っているのかわかりません、誰でも助けることができますか？: //the buttons $html .= '<p><form method="post" action = "DBTes

Question

以下の例のようにタグの中に入れようとしていますが、テーブルはtableWrapper divの外に表示され、tableWrapper divは正しく表示されますが、テーブルはその外にあり、何が間違っているのかわかりません、誰でも助けることができますか？:

//the buttons 
$html .= '<p><form method="post" action = "DBTest.php" >
    <input type="submit" name="create" value="Create">
    <input type="submit" name="save" value="Save">
    <input type="submit" name="reset" value="Reset">
    </form></p>';   


//start table
$html.= '<div id = "tableWrapper"><table>';

foreach($rows as $row)
    {

         $id= $row['id'];
         $title = $row['title'];
         $year = $row['YEAR'];
        //put everything on a table
        $html.= "<tr><td>" . $row['id'] . "</td><td>" . $row['title'] . "</td><td>"  . $row['year'] . "</td><td>";
     }
$html.= '</table></div>';    

//the main body
$alpha['main'] = <<<EOD

{$html}

EOD;

ここに私のtablWrapper divがあります:

#tableWrapper{
    clear:both;
    width: 350px;
    height: 350px;
}

ここに私のテーブルCSSがあります:

table {margin-bottom:1.4em;}
th {font-weight:bold;background:black;color:white;}
th,td,caption {padding:4px 10px 4px 5px;}


tbody tr:nth-child(even) td {background:#A1912A11;}
tbody tr:hover td {background:#9E9E80;}

前もって感謝します