Quote:
Originally Posted by Interrobang
When producing a PDF or actual print book, it's easy to establish a baseline grid so that text on facing pages line up perfectly.
|
This is called "Grid-Based" / "Grid System" / "Baseline Grid" Typography.
If you look that up in your favorite search engines, plus append CSS to it, you can find lots of examples:
Quote:
Originally Posted by Interrobang
How does one achieve this in HTML/CSS within an ePub?
|
Within an EPUB? You don't.
A lot of this relies on:
Quote:
Originally Posted by jhowell
This seems extremely unlikely to me, especially since the content contained on particular screens will change based on user selections.
Can you provides references to these requirements?
|
I agree completely.
Quote:
Originally Posted by Interrobang
During my testing, when both pages are just simple text, they do align. But when one page contains a chapter header at the top in a different font or size, no amount of minor spacing tweaks will achieve the desired goal.
|
You'd try to keep all your vertical margins/padding/line-heights as multiples of X.
But, the second users begin changing their fonts/settings, all your manual calculations will be thrown off.
On the Print (and websites), where YOU control most of the stuff... most users just take what you force down their throats.
In ebooks though, USERS control most of these settings, and the settings vary wildly.
Also, like other MR users have explained, most ebooks are read on a single-screen device, NOT two-page spreads like physical books. So to enforce a lot of this grid-based layout in EPUB... I just don't see it making a lot of sense.
- - -
Side Note: If you want to see
some of this CSS3 Page-Based Media stuff, see the talk from:
I referenced it a few times on MobileRead:
describing some of the nuances of how you turn HTML/EPUB from an "infinite scroll" type thing into "pages".
Since then, the W3C absorbed a lot of that info into the:
but it's still a work-in-progress.