Mrmikel: it's Apple iBooks app, not a device. The device in question is an older Sony Reader. And one cannot code for everything; it's become impossible. It's the nature of the technological beast: the speed of change and the vagaries of device programming mean that even what is considered "standard" code is not read equally across devices. In this case, the code works on everything we tested except someone with an old Sony Reader sees the text overlaying the image. There's nothing I can do about it: if I fix that problem for a minority user set, I create a new one for the majority of users. And once someone decides to go digital, they have to accept that, as with all things digital, obsolescence is their problem; they cannot get angry at content creators because the content doesn't display on an older device.
odeta: thanks for the offer. The problem is merely that the standard SVG code that I used to control the image size (particularly to prevent upsizing in high-resolution devices -- the images are a mere 960 x 720 pixels) has this problem on iBooks and this old Sony Reader. That's the only negative feedback I've had on this SVG wrapper. As noted, iBooks seems to have a problem with SVG wrappers period; the only way to get the image to shrink to fit in iBooks is to take it out of the wrapper. I have another idea, which is to put the max-height and -width in the CSS, and see if I can control the upsizing by using just a Div instead of SVG. I tried a version of that yesterday with no success, but I have another idea today. If it works I will report back.
|