Absolute middle

Jorge Junior · 10-01-2012, 11:43 AM

Hi.

How can I put two sentences right in the middle of the page?
The first line is PART ONE. The second is BIRTH.

<div class="Basic-Text-Frame">
<p class="Basic-Paragraph"<br /></p>
<p class="Basic-Paragraph">PART ONE</p>
<p class="Basic-Paragraph">BIRTH</p>
</div>

Jellby · 10-01-2012, 12:02 PM

You mean centered vertically? That's not possible in a reliable way.

Jorge Junior · 10-01-2012, 12:20 PM

Quote:

Originally Posted by Jellby

You mean centered vertically?

Yes.
I thought this would work, but it didn't.

<p class="Basic-Paragraph" style="text-align: absmiddle;">

theducks · 10-01-2012, 01:39 PM

Quote:

Originally Posted by Jorge Junior

Yes.
I thought this would work, but it didn't.

<p class="Basic-Paragraph" style="text-align: absmiddle;">

you could get close

for all but tiny displays.

Code:

.Basic-Text-Frame {display: block; margin-top: 48%;}

play with the percent value to adjust for the number/font-size of lines contained inside

Jellby · 10-02-2012, 05:50 AM

Quote:

Originally Posted by theducks

Code:

.Basic-Text-Frame {display: block; margin-top: 48%;}

play with the percent value to adjust for the number/font-size of lines contained inside

According to the spec, percent values in vertical margins are calculated with respect to the width of the container (this means that a 10% margin should be exactly the same size, whether it's a vertical or horizontal margin).

whichgrep · 10-02-2012, 08:38 AM

I've only been using Sigil for a week or so; does it support HTML-style tables? (You'll still need the height of the page/table, though, which makes it non-portable).

Code:

table.Basic-Text-Frame {
    text-align:center;
    vertical-align: middle;
    width:100%;
    height:200px;
    border:0px;
}
p.Basic-Paragraph {font-style:normal;}

...
(snip)
...

<table class="Basic-Text-Frame" >
<td>
<p class="Basic-Paragraph">PART ONE</p>
<p class="Basic-Paragraph">BIRTH</p>
</td>
</table>

theducks · 10-02-2012, 09:19 AM

Quote:

Originally Posted by Jellby

According to the spec, percent values in vertical margins are calculated with respect to the width of the container (this means that a 10% margin should be exactly the same size, whether it's a vertical or horizontal margin).

RMDK 1.7/Sigil seems to behave like I coded (ignores the width part of that rule. Maybe it is because I have set a 0 right and left margin)

10-01-2012, 11:43 AM	#1
Jorge Junior Member Posts: 23 Karma: 10 Join Date: Sep 2012 Location: Rio de Janeiro - Brasil Device: Genesis GT-1230	Absolute middle Hi. How can I put two sentences right in the middle of the page? The first line is PART ONE. The second is BIRTH. <div class="Basic-Text-Frame"> <p class="Basic-Paragraph"<br /></p> <p class="Basic-Paragraph">PART ONE</p> <p class="Basic-Paragraph">BIRTH</p> </div>

10-02-2012, 08:38 AM	#6
whichgrep Member Posts: 11 Karma: 10 Join Date: May 2012 Location: near Melbourne, Australia Device: none	Can you use a table? I've only been using Sigil for a week or so; does it support HTML-style tables? (You'll still need the height of the page/table, though, which makes it non-portable). Code: table.Basic-Text-Frame { text-align:center; vertical-align: middle; width:100%; height:200px; border:0px; } p.Basic-Paragraph {font-style:normal;} ... (snip) ... <table class="Basic-Text-Frame" > <td> <p class="Basic-Paragraph">PART ONE</p> <p class="Basic-Paragraph">BIRTH</p> </td> </table>

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
50 Shades Of Absolute Crap	MorganM	General Discussions	102	07-23-2012 01:11 PM
PRS-505 In middle of screen is a triangle with ! in middle	toad1960	Sony Reader	0	12-30-2011 01:30 PM
Absolute must-read in the copyright wars	Greg Anos	News	105	01-12-2011 07:15 PM
Absolute best eBook reader?	Xtt	Which one should I buy?	46	04-22-2010 01:48 AM
Whats the absolute BEST accessory you have for your 505?	svakanda	Sony Reader	61	06-11-2009 11:45 AM

10-01-2012, 12:02 PM	#2
Jellby frumious Bandersnatch Posts: 7,516 Karma: 18512745 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	You mean centered vertically? That's not possible in a reliable way.