[Turtle91]

I'm not sure it is even necessary to do those calculations?? For non-full-page images all you need to do is set the width in % and the height is automatically figured keeping the proper aspect-ratio. This will keep the image at your given % of the screen. To prevent over stretching the image for large screens you just add the max-width property.

For example:

div.image2  {width:60%; max-width:626px; text-align:center;
             margin:1em auto; text-indent:0; padding:0}


<div class="image2"><img alt="" src="../Images/Image-02.jpg" /></div>

edit: I just noticed you used the id property. You can perform the same function using the id instead of a class name like this:

#fig-2  {width:60%; max-width:626px; text-align:center;
         margin:1em auto; text-indent:0; padding:0}


<div id="fig-2"><img alt="" src="../Images/Image-02.jpg" /></div>