I'm having trouble getting my images to display the correct size on my Kindle. It might be a bug in the Kindle. My eBook displays correctly in Calibra.
In my book, I have standardized image sizes (width) of 50%, 70%, and 90%. I am also doing the same for the figure captions. Once I upload the book to my Kindle only the 50% images display properly. The 70 and 90 sizes display full-width. All caption sizes displayed correctly.
As an experiment, I set up image sizes 10, 25, 50, 60, 70, and 90%, and only images 50% and smaller displayed correctly. In every case, the captions displayed correctly.
I just installed the latest update, and that has not fixed the problem. I figure this is a bug that has not been addressed yet.
Is anyone else familiar with this problem?
Here's some code so you can see how I am doing this:
Code:
img.Image_Style_70
{
border: none;
width: 70%;
}
p.LongCaption_70
{
text-align: left;
text-indent: 0px;
font-family: "Palatino Linotype", serif;
font-weight: normal;
font-style: normal;
font-size: 80%;
width:70%;
margin-left:15%;
margin-bottom: 6px;
}
span.Image_Box
{
padding: 0px;
width: 100%;
margin: 0px;
display: block;
border: none;
}
/* Wrapper for various objects, such as images. It prevents text from wrapping around the image. */
div.Image_Wrapper
{
margin-right: auto;
margin-left: auto;
padding: 0px;
float: left;
width:100%;
float: none;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}
<div class="Image_Wrapper">
<span class="Image_Box">
<img src="../Images/04-JD_Greer.jpg" alt="Photo of J.D. Greer" class="Image_Style_70"/>
</span>
<p class="LongCaption_70">
J.D. Greer, one of Harold’s early heroes, in Lima, Peru in 1932. <i>Photo courtesy of ]oe Greer, Jr.</i></p>
</div>
}