Quote:
Originally Posted by Arpeggio
A bunch of other graphics were affected too, which have the same "calibre13" with them. To solve this would I need to have certain specifications in the CSS e.g. calibre13 height100%, calibre14 width100% etc. then in the html change "caliber whatever it was" to calibre14 for all images that need to follow 14's rules?
|
Do you know that CSS classes can be combined? Don't touch the existing ones and just add these:
.wideimg { width: 100%; }
.highimg { height: 100%; }
Now, for wide and short images, change this:
<img class="calibre13
wideimg" src="..." ... />
(simply add "wideimg" to the class attribute, inside the quotes and separated by a space and nothing else). And similarly with tall and narrow images, adding highimg instead.
Quote:
|
Knowing that as you say it's a slippery goal (which is more the fault of eReader manufacturers?)
|
Not really... The behaviour of "height:100%" is mostly practically undefined in the CSS model, and there's no robust way of referring to the available screen height.