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可以理解。