文本显示在div外

我试图将一些内容放在div中。由于某些原因，它显示在div下面而不是在div内。文本显示在div外

.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>';

enter image description here

生成的HTML的部分始于：

<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>

请帮助。

来源

2011-06-30 Muiter

感谢您发布您的CSS。你还可以发布你的HTML标记的相关部分吗？一个JSFiddle可能也很好，所以我们可以看到这个行为。 –

我们需要更多的代码来理解这一点。 – Karolis

你可以发布插入测试的html和php吗？ – shanethehat

您不能插入一个DIV像这样的表内：

表中有TR（行）和TD（列），所以如果要插入一个DIV你必须把它里面的元素

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

地方的DIV中的全表：

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

来源

2011-06-30 11:35:47 spuas

谢谢@spuas – Muiter

您不能将部分表格行放入div。

您需要将表格拆分为两部分。一个用于标题的表格，以及一个可滚动的div与数据的表格。

来源

2011-06-30 11:34:51

的div没有t除了单元格内部（td和th）之外，有效的内部表格。如果您需要将表格分成小节，则可以使用add，tfoot和tbody。 thead和tfoot元素分别定义表格的页眉和页脚，并且tbody定义一个内容块。你可以在表中有1个thead，1个tfoot和任意数量的tbody元素。

虽然我不确定你是否可以滚动tbody。至少没有一个适用于所有浏览器

来源

2011-06-30 11:37:09 GordonM

文本显示在div外

回答

相关问题