Html 滚动div的浏览器兼容性问题_Html

Html 滚动div的浏览器兼容性问题

html

Html 滚动div的浏览器兼容性问题,html,Html,我面临浏览器兼容性问题。我的代码在mozilla、IE6中可以正常工作，但在IE7中不行。该代码用于生成页面中的scroolable div <html> <style rel='stylesheet' type='text/css'> #scrolldiv { overflow: auto; max-height: 200px; height:expression(this.scrollHeight>199?"200px":"auto"

我面临浏览器兼容性问题。我的代码在mozilla、IE6中可以正常工作，但在IE7中不行。该代码用于生成页面中的scroolable div

    <html>
 <style rel='stylesheet' type='text/css'>
#scrolldiv
 {
    overflow: auto; max-height: 200px;
    height:expression(this.scrollHeight>199?"200px":"auto");
 }
</style>

<div  id="scrolldiv" name="scrolldiv">
            <table align="center" border=0>
            <tr><td>&nbsp;</td></tr>
            <tr><td>
                <table width="95%" align="center" cellpadding="0" border="0">
                    <tr><td>testdata1</td></tr>

                    <tr><td>testdata2</td></tr>
                    <tr><td>testdata3</td></tr>
                    <tr><td>testdata1</td></tr>
                    <tr><td>testdata2</td></tr>
                    <tr><td>testdata3</td></tr>
                    <tr><td>testdata1</td></tr>

                    <tr><td>testdata2</td></tr>
                    <tr><td>testdata3</td></tr>
                    <tr><td>testdata1</td></tr>
                    <tr><td>testdata2</td></tr>
                    <tr><td>testdata3</td></tr>
                    <tr><td>testdata1</td></tr>

                    <tr><td>testdata2</td></tr>
                    <tr><td>testdata3</td></tr>
                    <tr><td>testdata1</td></tr>
                    <tr><td>testdata2</td></tr>
                    <tr><td>testdata3</td></tr>
                </table>

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


#卷轴
{
溢出：自动；最大高度：200px；
高度：表达式（this.scrollHeight>199？“200px”：“auto”）；
}
测试数据1
测试数据2
测试数据3
测试数据1
测试数据2
测试数据3
测试数据1
测试数据2
测试数据3
测试数据1
测试数据2
测试数据3
测试数据1
测试数据2
测试数据3
测试数据1
测试数据2
测试数据3

请告知

提前谢谢

也许您已经在IE7中禁用了JavaScript。IEs css表达式的计算结果为javascript，因此在本例中它将不起作用

还请注意，您应该尽可能地进行操作。

试试看

#scrolldiv
 {
    height:auto !important;
    overflow: auto; max-height: 200px;
    _height:200px;
 }

如果这就是您的所有标记，那么您将丢失一个doctype，并且处于“怪癖模式”。将此添加为第一行：

，然后让我们看看情况。

请使用代码格式，下次单击{}-符号。我为你解决了这个问题。具体来说，什么不起作用？嗨，凯蒂，滚动div生成得很好，但它出现在页面的末尾，而不是页面的顶部，如果你在IE7/IE8中测试我的示例代码，你可以检查这个问题如果它很紧急，然后使用它调整IE7的用户界面。这里有人提供解决方案吗？如果您通过本地URL（c:\something\file.html）而不是通过web服务器（）在IE中查看页面，则IE将禁用所有脚本。我通过IE7和IE8中的web服务器查看了OP的代码，并看到div显示在页面顶部。当在本地查看时，div没有按预期显示。我测试了此修复程序，它对我有效-即使在IE中通过本地URL查看页面时，也会在页面顶部显示div。这可能是因为将表达式高度设置替换为CSS使得IE没有必要禁用脚本。