Размер окна - div внутри элементов td - полосы прокрутки

Question

У меня следующий html:

<table>
    <tr>
        <td class='tclone' id='clone'></td>
         <td class='loader' id='loader'>
              <div id='tdiv' style="height:630px; width:835px; overflow:auto;"></div>
         </td>
    </tr>
</table>

Я открываю этот HTML в новом окне и JavaScript добавляю содержимое в tclone и tdiv.tdiv специально загружает изображение.Мне нужно было задать параметры ширины и высоты для div, поскольку они переполняли окно, также параметр overflow позволяет полосу прокрутки внутри td.Это решение работает с окном фиксированного размера - но я хочу механизм, такой, когда пользователь изменяет размер окна, div также расширяется, и полосы прокрутки div также настраиваются в соответствии с новым размером окна.

любые предложения

Answer 1

На столе установлено «таблица-макет: исправлено». Убедитесь, что ширина таблицы и тд основана на%. Вам не нужна ширина в div.

Если содержимое, которое переполняет div, не содержится в другом теге, вам понадобится обертка вокруг tdiv.

Альтернативой% widths будет установка атрибутов min-width и / или max-width.

Answer 2

Вам нужно указать ширину и высоту в процентах, тогда:

<div id='tdiv' style="height:30%; width:30%; overflow:auto;"></div>

Вы должны отрегулировать значения в процентах.