Полоса прокрутки в div

Question

У меня есть один div внутри которого у меня есть один стол. В этой таблице, как вы можете видеть, есть один тег изображения. По Javascript я устанавливаю src изображения и отображения.
Моя проблема в том, что если изображение большое, div должен прокручиваться, но он не прокручивается.

<div style="position:absolute;top:30px;left:640px;overflow:auto;">
<table frame="box" width="600px" height="330px">
  <tr>
    <td><img id="graphId" style="display:none" src="" /></td>
  </tr>
</table>
</div>

Answer 1

В этом случае размер <img> всегда увеличивается до <td>.

Здесь я покажу вам, как правильно использовать overflow.

<div class="scroll">
    <div class="child"></div>
</div>
<style>
    .scroll{overflow:scroll;width:500px;height:500px;background:black}
    .child{width:1000px;height:1000px;background:yellow}
</style>

Демонстрация на jsfiddle.

Answer 2

Измените overflow:auto; на overflow:scroll; в вашем атрибуте стиля div.

Определение для прокрутки :

Переполнение обрезано, но добавлена ​​полоса прокрутки, чтобы увидеть остальные содержание

Answer 3

попробуйте определить высоту и ширину div ...

http://jsfiddle.net/qyFTt/2/