本文はdivの外に表示されます

Question

divにコンテンツを入れようとしています。何らかの理由で、divの中ではなくdivの下に表示されるコンテンツです。生成されたHTMLの

.scrollme 
{ 
    height: 200px; 
    width: 300px; 
    overflow: auto; 
    border: 1px solid #666; 
    background-color: #ccc; 
    padding: 8px; 
} 

echo '<table width="100%"> 
     <tr> 
      <td colspan="2" class="pulldown_top_table">'.$lang['logboek'].' <a href="#?w=700" rel="popup_add_log" class="poplight" title="'.$lang['form_add'].'"><img align="center" src="images/icon/new_sm.png" onClick=\'document.getElementById("ifr_7").src="dossier_add_log.php?id='.$q.'";\' /></a></td> 
     </tr> 
     <div class="scrollme">'; 

     while($row = mysql_fetch_array($res)) 
     { 
      // maak style 
      if($row['soort'] == 'systeem' || $row['soort'] == 'folder') 
      { 
       $style = 'style="line-height: 10px; color: grey;"'; 
      } 
      else 
      { 
       $style = 'style="line-height: 10px; color: black;"'; 
      } 

      echo '<tr '.$style.' title="'.$row['naam'].' '.$row['updated_title'].'"> 
        <td valign="top"width="35"><font size="1">'.$row['updated'].'</font></td> 
        <td><font size="1">'.nl2br($row['omschrijving']).'</font></td>'; 
       echo '</tr>'; 
     } 
echo '</div> 
     </table>'; 

部品で始まる：

<table width="100%"> 

     <tr> 

      <td colspan="2" class="pulldown_top_table"> <a href="#?w=700" rel="popup_add_log" class="poplight" title=""><img align="center" src="images/icon/new_sm.png" onClick='document.getElementById("ifr_7").src="dossier_add_log.php?id=256";' /></a></td> 

     </tr> 

     <div class="scrollme"><tr style="line-height: 10px; color: grey;" title="Mark Ruiter 30-06-2011 13:11"> 

        <td valign="top"width="35"><font size="1">30-06</font></td> 

        <td><font size="1">Producten van product gekopieerd naar map subfolder 2</font></td></tr><tr style="line-height: 10px; color: grey;" title="Mark Ruiter 30-06-2011 12:41"> 

で終わる：

<td><font size="1">Dossier aangemaakt met:<br /> 
    Klantreferente: 2119<br /> 
    Bewerkingen: nvt<br /> 
    Materiaal: S235<br /> 
    Dikte: 1<br /> 
    Attest: geen</font></td></tr></div> 

     </table> 

助けてください。

Answer 1

：

テーブルがあるTR（行）とTD（列）ので、あなたはDIVを挿入したい場合は、要素内に配置する必要が

<table><tr><td><div /></td></tr></table> 

OR

場所DIV内の全表：

<div><table>...</table></div> 

Answer 2

divにテーブル行の一部を配置することはできません。

テーブルを2つに分割する必要があります。ヘッダー用の1つのテーブルと、データ付きのスクロール可能なdiv内の1つのテーブル。

あなたは、テーブル内でそのようにDIVを挿入することはできません

Answer 3

のdivがノーをしています内部のセル（tdとth）を除くテーブル内で有効です。テーブルをサブセクションに分割する必要がある場合は、代わりにthead、tfootおよびtbodyを使用できます。 theadとtfoot要素はそれぞれテーブルのヘッダとフッタを定義し、tbodyはコンテンツブロックを定義します。あなたはテーブルに1つのthead、1つのtfoot、任意の数のtbody要素を持たせることができます。

スクロールすることができるのかどうかわかりません。少なくともすべてのブラウザで動作するブラウザはありません