[davidklonski]

Hello

Assume I have a very large image that I would like to display.
I would like to place the image inside a table cell like so:

Code:

<table width="100% height="100%">
  <tr>
   <td width="150px">
      <!-- some content -->
   </td>
   <td width="100%">
      <!-- image goes here -->
   </td>
   <td width="150px">
    <!-- some content -->
   </td>
  </tr>
</table>

Even though the cell of the image has width 100%, I wouldn't want the table to get large enough for a horizontal scrollbar to appear.
Note, that the width of the image can be potentially very large.
I would like the browser to re-render the image in such dimensions so that the image will not be distorted, and no horizontal scrollbar will appear.
This means that the width of the drawn image will be as large as possible as long as no horizontal scrollbar is needed. Of course the height needs to be calculated correctly so that the image will not be distorted.

If the original width of the image is smaller than the available width for the table, just use the original width for the image.

is that possible?
I would appreciate any help in code.