[dan2the6th]

Hi, sorry if this is an old topic, but I just encountered it.

I have a book that had some images which were incorrectly being displayed sideways (rotated 90 degrees counterclockwise). So I exported the images, rotated them clockwise, and then replaced the images in the book.

Correctly displayed, the images were now wider than they were high. When displayed in the book viewer, they were stretched out vertically and looked awful.

I noticed that they were displayed with an "img" tag using the property "class=calibre12". In stylesheet.css calibre12 looks like this:

.calibre12 {
height: 90%
width: auto
}

I had no idea what this meant, but I created a similar property for my redone images using "height: 50%", and they looked a lot better.

Can anyone explain this "height" thing, and how to determine the correct value for an image? Thanks.