Задать вопрос
@ipmen
html

Почему Не работает overflow на IE?

<div style="height: 100%; width: 50%; overflow-y: auto; border: 1px solid red; ">
     <div id="_q">
            <table >
                <tbody>
                    <tr class="">
                        <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                       <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                    </tr>
                    <tr class="">
                        <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                       <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                    </tr><tr class="">
                        <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                       <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                    </tr><tr class="">
                        <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                       <td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td><td >
                            <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>


На пустой странице этот html показывается нормально. Overflow работает скрин но стоит этот html вставить в рабочую страницу то Overflow не работает скрин причём при ресайзе окна дивка у которой стоит overflow не уменьшается меньше высоты самой таблицы. Может кто сталкивался( Дайте совет куда копать
  • Вопрос задан
  • 545 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
@ipmen Автор вопроса
Понял что дело в том что дивка находится тоже в <td>но как решить проблему(

Прилагаю html в котором не работает overflow в IE

<table style="overflow-x: hidden; overflow-y: scroll; height: 100px;">
    <tr>
        <td style="table-layout: fixed; height: 100%;">

            <div style="height: 100%; width: 40%; overflow-y: auto; border: 1px solid red;">
                <div id="_q">
                    <table>
                        <tbody>
                            <tr class="">
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                            </tr>
                            <tr class="">
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                            </tr>
                            <tr class="">
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                            </tr>
                            <tr class="">
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                                <td>
                                    <div class="">Kritisk Kritisk Kritisk Kritisk</div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>


        </td>
    </tr>
</table>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дизайн главной страницы в figma
23 нояб. 2024, в 22:03
3000 руб./за проект
Сделать дизайн сайта по примеру
23 нояб. 2024, в 21:53
30000 руб./за проект
Создать макет сайта в Figma
23 нояб. 2024, в 21:49
1000 руб./в час
Ещё заказы