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. Рекомендуется использовать только таблицу стилей IE6, отображаемую с условными комментариями, например:

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

В качестве альтернативы вы можете использовать * html хак, который понимает только IE6.

Answer 2

Хм, я не уверен, но вы можете попробовать это для ie6:

* html DIV.ScrollFrame { overflow:scroll; }