Quote:
Originally Posted by Adjust
Make the image the size of the Screen.
e.g. iBook for iPad the images size need to be 600x860pixels. This will fill up the screen.
|
And it won't work when you change the orientation or use a different device.
Quote:
I guess you could have something like making the image sit at a drop of 50%.
p.chapterhead {
margin-top: 50%;
}
<p class="chapterhead"><img src="images/Contents.png" alt="contents.png"/></p>
|
Unfortunately, percent values in top/bottom margins are (or should be) interpreted relative to the
width of the container element, not the height.
I'm afraid there is no robust, compliant way of positioning elements vertically in the screen...