[Abekonge]

For tall thin images or tall images with captions I use the following CSS. It should work uniformly on ADE and iBooks and other devices.

First you need to wrap a div around your image

HTML:

  <div class="tallImage">
    <img alt="" src="../Images/image.jpg" /></p>
  </div>

And this CSS:

div.tallImage {
	width:80%;
	height:auto;
	page-break-inside: avoid;
	margin-left:10%; 
}

img {
	max-width:100%; 
	height:auto;
}

The matching width and margin-left forces iBooks to resize the image. You can make these smaller or larger depending on the size of your image. Remember always to test!