Question

I have one div inside which I have one table. In this table as you can see there is one image tag. By Javascript I am setting the image src and displaying.
My problem is, if the image is large the div must scroll, but it is not scrolling.

<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

In this case, <img>‘s size is always zoomed to fit in <td>.

Here I’ll show you how to use overflow in the right way.

<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>

Demo on jsfiddle.