[ElMiko]

Originally Posted by RbnJrg

You are defining the height in two places: in the parent element and in the image tag, so Readium is taking the height of the parent element. You need to add !important to the size of the image to give it priority:

.autoIMG {
	text-indent: 0;
	text-align: center;
	max-height: 32em;
	margin: 0;
	}
.autoIMGimage {
	width: auto;
        max-height: 32em !important;
	margin: 0 auto;
	display: block;
	}

Of that way, the height of the image will be ten times the height of the font.



The issue is with your original code; I didn't change anything to reproduce the problem.

Perfect! Thank you!

(Also, I meant what was changed from the first time you looked at it in the readium plugin (when it worked) and when you looked at my code straight up (which was failing), and it's the "!important").