Question

在火狐上使div上有滚动条

我在做一个框架，是用table分成两列，其中在两个td里面各加一个div,来控制两边的滚动条，
样式如下
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="180" height="100%" valign="top" class="gis_main_right">
<div style="overflow:auto; width:180px; height:100%;"><div style="width:500px; height:1000px;">ffffffff</div></div>
</td>
<td valign="top" height="100%">
<div style="overflow:auto;"></td>
</tr>
</table>
在ie上可以看到左边的滚动条，可是在火狐上的滚动条是在整个页面上的，我想使它的效果跟ie一样，怎么办？
可是，我想让里面的内容的高度随着页面框的变化而变化，而不是设一个固定高度，请问有什么办法吗

Answer 1

LS，微软bing主页都是table div混用，干嘛看不起table？

LZ要想实现和ie差不多的效果，把相应代码改为：
<div style="overflow:scroll; width:180px; height:100%;"><div style="overflow:visible; width:500px; height:1000px;">

不过注意，这依然和ie的实现是有区别的，因为FF下height:100%无效，所以FF下页面会被拉长为第二个div的1000px高度，要想不这样，只有定义第一个div的高度。

其实LZ这样的设计一般都是用frameset来实现，LZ去找一找框架网页的教程即可。

Answer 2

　　您好！很高兴为您答疑！

　　火狐下您可以安装Firebug检查代码，它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 3

问题出在height：100%。对于符合w3c标准，div高度用百分比是没有意义的。可以给个确定的px值或者用js动态定义高度。

都用div了，怎么还要用table，不解？楼主到底要不要标准
参考下：
<div>
<div style="float:left;width:50%;height:100px;background:#ff0000;">
左边栏
</div>
<div style="float:right;width:50%;height:100px;background:#00ff00;">
右边栏
</div>
<div syle="clear:both;"></div>
<div>
好好学习div布局吧，关于div的滚动条，对于用百分比定义的div（无论宽还是高）都不太好用，绝对的px是可行的，如果要自适应，那用js控制宽度吧，以父级box或者屏幕分辨率作为参考点