Question

我遇到浏览器兼容性问题。我的代码在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>

请告知

提前致谢。

Answer 1

也许你已经在IE7中禁用了JavaScript。 IEs css表达式被评估为javascript，因此在这种情况下它将不起作用。

另请注意，您应尽可能avoid css-expressions。

Answer 2

试

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

Answer 3

如果这是你的所有标记，那么你就缺少一个doctype并处于'怪癖模式'。将其添加为第一行：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">然后让我们看看情况如何。

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

3 个答案: