Your solution:
Add class image to the wrapper <p> tags of your image. e.g.
Quote:
|
<p class="center image"><a id="page_16"></a><img src="../Images/image3.jpg" alt="" /></p>
|
Add this new rule to your CSS file:
Quote:
.image {
max-width: 99%;
max-height: 99%;
padding:0;
margin:0;
}
|
Calibre is spitting out some error messages I think you should address if you want to have that file compatible with as much devices as possible.
I've only checked it on the first tall image I encountered because i'm in a hurry today, it should work for the rest.