Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 固定标题上方的滚动表_Php_Html_Css - Fatal编程技术网

Php 固定标题上方的滚动表

Php 固定标题上方的滚动表,php,html,css,Php,Html,Css,我试图有一个表格标题,在一个单独的div中保持不变,而div在nearth下可以滚动所有大的记录列表。两个div都位于名为Layer 3的div中。以下是我正在使用的css文件: #第3层 { 位置:绝对位置; 宽度:89%; 身高:40%; 左:10%; 最高:56%; 背景色:#f1ffff; } #第3层h1{ 字号:中等; 颜色:#000033; 文字装饰:无; 文本对齐:居中; } .表格标题{ } .表格内容{ 溢出:自动; } 以及我用来生成html的部分php代码: echo

我试图有一个表格标题,在一个单独的div中保持不变,而div在nearth下可以滚动所有大的记录列表。两个div都位于名为Layer 3的div中。以下是我正在使用的css文件:

#第3层
{
位置:绝对位置;
宽度:89%;
身高:40%;
左:10%;
最高:56%;
背景色:#f1ffff;
}
#第3层h1{
字号:中等;
颜色:#000033;
文字装饰:无;
文本对齐:居中;
}
.表格标题{
}
.表格内容{
溢出:自动;
}
以及我用来生成html的部分php代码:

echo '<div id="tableheader" class="tableheader">';

echo "<h1>{$query} Auctions</h1>" . "\n"; 
echo "</div>";
echo '<div id="tablecontent" class="tablecontent">';

echo "<table border='0' width='100%'><tr>" . "\n"; 

echo "<td width='15%'>Seller ID</td>" . "\n";
echo "<td width='10%'>Start Date</td>" . "\n";
echo "<td width='75%'>Description</td>" . "\n";

echo "</tr>\n";

// printing table rows

foreach ($rows as $row)
{
    $pk = $row['ARTICLE_NO'];
    echo '<tr>' . "\n"; 

    // table contens generated in here

    echo '</tr>' . "\n"; 
}
}

echo "</div>";
echo';
echo“{$query}拍卖”。“\n”;
回声“;
回声';
“回声”。“\n”;
回显“卖方ID”。“\n”;
回显“开始日期”。“\n”;
呼应“描述”。“\n”;
回音“\n”;
//打印表行
foreach($行作为$行)
{
$pk=$row['ARTICLE_NO'];
回显“”。“\n”;
//在此处生成的表内容
回显“”。“\n”;
}
}
回声“;

我不确定我遗漏了什么,但tableheader似乎不是固定的,甚至与tablecontent不分离。

您忘记了在主foreach()循环之后关闭
标记。

div name不等于div id。#Layer3引用了一个id为Layer3的元素。只允许一个元素具有给定的id;所有ID必须是唯一的

别忘了关闭标签(表)


如果div#Layer3正在滚动其中的所有内容,那么它有一些溢出集。将其重新定义为溢出:隐藏在#Layer3样式中。您可能需要尝试使用边距和浮动来正确定位,但我将把它留给您。

请允许我将您的问题归结为您感兴趣的简单元素。特别是,我将去掉所有的
节点。这是您最基本的表格:

<table>
   <thead class="tableheader">
      <tr>
         <th>Seller ID</th>
         <th>Start Date</th>
         <th>Description</th>
      </tr>
   </thead>
   <tbody class="scrolling">
      <tr>
         <td>28</td><td>25 January 2009</td><td>Hello World!</td>
      </tr>
      <tr> etc. </tr>
   </tbody>
</table>

请注意,设置
display:block
的结果是您必须固定列的宽度…

我已经指定了overflow:auto,并且它正在生成一个滚动条,尽管我没有指定高度,但表头正在滚动,这是我不理解的