|
Thank you, Jellby, that's a great idea. I have implemented your solution, and it is looking pretty good. Is there any other way to increase the space between Title1 and Page1 except using emspace or several spaces of type ?
I also have come across another small problem with the title page:
I would like to have the title and the author on top of the title page. This I can manage without problems with ordinary <h>-tags with margins. But I have not found a good way to get the publishers name on the bottom og the page. The layout I'm hoping to achieve is something like this:
_______________
|****TITLE
|***AUTHOR
|
|
|
|
|
|
|
|**PUBLISHER
|
|_______________
The lines is supposed to indicate the page/screen. The stars (*) are white spaces.
What I would like is that when I change font size, the author name and publisher moves towards each other (so that the content stays on one side as long as it is possible):
___________
|**TITLE
|*AUTHOR
|
|
|PUBLISHER
|
|__________
The aspect ratio is the same, but the fonts are bigger and the text closer to each other. When the font size is so big that all the contents cannot fit into one page, I want a page break between author and publisher:
_______________
|****TITLE
|***AUTHOR
|
|
|
|
|_______________
_______________
|
|
|**PUBLISHER
|
|_______________
I have tried several ways to do this:
1) #publisher{ position:absolute;bottom:1em;}
2) #publisher{ position:relative;top:60%; }
3) body,html{ height:100%;}
#publisher{ display:table-row; } and insert a span with display:table-cell and vertical-align:bottom and put a div around all this with { display:table;height:100%; },
but none of this have worked as expected. The two first gives problem with overlap, pluss it doesn't work in ADE and are discouraged in ePub as far as I can read from the forum. The third works in ADE, escept that I can't get the publisher to the bottom of the page.
Any tips to how to solve this? Are there anything I have not thought of, or done wrong?
|