关于固定表头的表格

littlecc2009 2011-02-19 06:59:12
我想弄个有固定表头的表格,于是我使用以下代码:


<table>
<thead>
<tr><th>asdasd</th><th>asdasd</th><th>asdasd</th></tr>
</thead>
<tbody style="height:100px; overflow:scroll;">
<tr><td>111</td><td>111</td><td>111</td></tr>
<tr><td>111</td><td>111</td><td>111</td></tr>
<tr><td>111</td><td>111</td><td>111</td></tr>
<tr><td>111</td><td>111</td><td>111</td></tr>
<tr><td>111</td><td>111</td><td>111</td></tr>
<tr><td>111</td><td>111</td><td>111</td></tr>
<tr><td>111</td><td>111</td><td>111</td></tr>
<tr><td>111</td><td>111</td><td>111</td></tr>
</tbody>


</table>



发现在ff下可以生成滚动条,但是IE却不行。。
请问怎么解决呢??
...全文
147 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
wwtbless 2011-02-27
  • 打赏
  • 举报
回复
看看这样写应该也是你所要的效果吧:

<style>
*{margin:0;padding:0}
#u1 li{float:left;width:86px;border:1px #ccc solid;margin-left:1px;text-align:center;font-weight:bold;font-size:12px;height:24px;line-height:24px;vertical-align:middle}
.s0{clear:both;width:262px;height:100px;overflow:scroll;}
.s0 li{float:left;font-size:12px;height:24px;line-height:24px;vertical-align:middle;width:80px;text-align:center;}
</style>
<ul id=u1>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
<ul class="s0">
<li>1111</li>
<li>1234</li>
<li>3446</li>
<li>1111</li>
<li>1234</li>
<li>3446</li>
<li>1111</li>
<li>1234</li>
<li>3446</li>
<li>1111</li>
<li>1234</li>
<li>3446</li>
<li>1111</li>
<li>1234</li>
<li>3446</li>
</ul>
wwtbless 2011-02-27
  • 打赏
  • 举报
回复
这种方法不可取,建议使用div+css去实现。
littlecc2009 2011-02-20
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 athrunzero 的回复:]
overflow:scroll;换成overflow:hidden;试试
[/Quote]
IE下也不可以、、
littlecc2009 2011-02-20
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 kk3k2005 的回复:]
<tr style='position:relative' >
IE下这样试试看
[/Quote]
这个不行。。。
KK3K2005 2011-02-19
  • 打赏
  • 举报
回复
<tr style='position:relative' >
IE下这样试试看
athrunzero 2011-02-19
  • 打赏
  • 举报
回复
overflow:scroll;换成overflow:hidden;试试

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧