centering content

[JSWolf]

Originally Posted by Jellby

Of course not. It only means that the code is ADE-only (and non-compliant).
Besides, it "assumes" that the text's height is more or less 4% of the screen. Increase the font size considerably (or make the text several lines long) and it will not be centered (or ADE is even more broken).

I never said the CSS code is perfect, only that it works as written. There is no easy way to center vertically especially when someone changes the font size.

[kovidgoyal]

Originally Posted by Jellby

Unfortunately, there's no reliable and compliant way of setting the SVG to full screen height. "height:100%" may work in most real-world readers, but that's not guaranteed.

Nothing in life (and particularly in ebook rendering) is ever guaranteed. I know of no reader that supports svg where height:100% does not work provided you use a single html file with only the one svg image in it, as is shown in the demo I linked to.

As for compliance, my views on compliance are well known.

[eschwartz]

Originally Posted by kovidgoyal

As for compliance, my views on compliance are well known.

[p_nut33]

Wow, and I thought I wasn't gonna get any answers. Thanks!

[Jellby]

Originally Posted by kovidgoyal

Nothing in life (and particularly in ebook rendering) is ever guaranteed. [...] As for compliance, my views on compliance are well known.

Of course, with "guaranteed" I mean "guaranteed in (hypothetical) spec-compliant readers". The point with compliance is that if you make sure the code is compliant and it fails, you can blame the others. In practice it gives little more than personal satisfaction.

I know of no reader that supports svg where height:100% does not work provided you use a single html file with only the one svg image in it, as is shown in the demo I linked to.

Not a reader per se, but the HTML-to-PDF renderer Prince does not work nicely with "height: 100%" in any situation I could find.

Anyway, any of the suggested solutions are probably good enough in most situations, I just expect the original poster (and anyone else reading this) to understand why and how it may fail.

[kovidgoyal]

Sure, blaming someone else is always nice

But finding practical solutions that do the best that can be done is better.

Offtopic and just FYI, calibre's HTML to PDF conversion supports height:100% and indeed almost all the arbitrarily bad CSS/HTML you can throw at it perfectly well, one of the main advantages of using a browser engine to do the rendering of the HTML.

[p_nut33]

Well, I tried the code provided by JS and it didn't work.

That sucks.

[odedta]

Originally Posted by p_nut33

Well, I tried the code provided by JS and it didn't work.

That sucks.

The closest way to center something horizontally is using margin-top:50% and that should look good. Bascially the margin-top is set through the width of the screen so in some readers it will look good in orders less.
You can try that in Calibre while you're changing the screen size.

[HarryT]

Originally Posted by odedta

The closest way to center something horizontally is using margin-top:50% and that should look good.

The OP does not want to centre something horizontally - that's easy. They want to centre it vertically. That's what's not so easy!

[odedta]

Originally Posted by HarryT

The OP does not want to centre something horizontally - that's easy. They want to centre it vertically. That's what's not so easy!

That's exactly what I meant, I got confused with the words hehe. You can see margin-top

[JSWolf]

Originally Posted by p_nut33

Well, I tried the code provided by JS and it didn't work.

That sucks.

What program did you use the code with? I did say it was tested with ADE.

[p_nut33]

Originally Posted by JSWolf

What program did you use the code with? I did say it was tested with ADE.

I use dreamweaver and then put it through calibre.

I tested it on my android tablet using some default eBook viewer called MyLibrary (asus) and google books. Google books apparently converted it to some other format because I lost the table of contents.

I also used Calibre's viewer.

I'd like to add that under certain reader dimensions it kind of works but more by taking up the whole page.

Pardon my ignorance but whats ade? * Nevermind * Digital Editions

I just installed ADE and it worked, dang it, why won't it work everywhere.

Oh, and thanks anyways.

[Jellby]

Originally Posted by p_nut33

why won't it work everywhere.

See post #5

[JSWolf]

Originally Posted by p_nut33

dang it, why won't it work everywhere.

Because not every program is programed the same. A lot of these smaller no-name programs just don't work well. Even some of the name programs don't work well. Even a popular program such as Stanza (iOS) was known to be buggy.

[mrmikel]

You have just been initiated into the wacky world of ebooks where NOTHING except plain text works everywhere, where you can't predictably center tables, where too many font changes in the first line of a paragraph of some readers causes them to barf....