CSS - IE6溢出

Question

我可以看到围绕这个问题提出了一些其他问题，但没有一个答案为我解决了。

我有一张在<div>内的桌子。在IE7及以上版本中，渲染效果很好，使用滚动条可以清楚地看到表格。然而，在IE6中，这呈现为单行（例如，1px的高度）。

这是围绕这些元素的CSS。

    DIV.ScrollFrame {
        overflow: auto;
        height: 100%;
    }

    .DataTable {
        border-collapse:collapse;
    }

然后html看起来像这样

<div class="ScrollFrame" >
    <table class="DataTable">
        //some asp to generate the data
    </table>
</div>

抱歉，由于表中的数据是保密的，因此无法提供图片。

提前谢谢。

Answer 1

嗯，我不确定，但你可以试试ie6：

* html DIV.ScrollFrame { overflow:scroll; }

Answer 2

如果您的解决方案是设置固定高度，请确保仅为IE6提供服务。最佳做法是使用仅带有条件注释的IE6样式表，如下所示：

<!--[if IE 6]>
        <link href="/styles/ie6.css" rel="stylesheet" media="screen, print"/>
<![endif]-->

或者，您可以使用* html hack，只有IE6才能理解。