I am having the same problem with the Nook covers not displaying correctly, the overflow the bounds of the screen.
It looks fine when I upload to Amazon and when I view in Calibre. If I run the file through Calibre and then edit in Sigil the cover gets the svg tag.
I am guessing there is some setting that the Nook is looking for to size the image correctly. I have set up the file with a the semantics of "cover" added to that area.
Do I need to add in specific html? I hate to mess around the css file, mostly because I am not very good at it!
Looking at the code view on one of the calibre generated epubs I see:
Code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 600 800" width="100%">
<image height="800" width="600" xlink:href="../Images/cover.jpeg"></image>
</svg>
without calibre the code looks like
Code:
<p><img alt="" src="../Images/cover.jpg" /> </p>
so in theory something like
Code:
<p><img alt="" src="../Images/cover.jpg" height="100%" width="100%" /></p>
should fix it?
Amy