Thread: div margin-bottom=0px
View Single Post
Old 04-26-2016, 01:53 PM   #5
GeoffR
Wizard
GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.
 
GeoffR's Avatar
 
Posts: 3,821
Karma: 19162882
Join Date: Nov 2012
Location: Te Riu-a-Māui
Device: Kobo Glo
I don't know if it works exactly the same on all readers, but this seems to do what you want when I tested an ePub in the Calibre viewer and my Kobo reader:

stylesheet:
Spoiler:
Code:
body {
    orphans:1;
    widows:1;
    font-size:1em;
    margin:0;
}
div.outer {
    position:relative;
    height:100%;
}
h1.title {
    font-size:2em;
    font-weight:normal;
    text-align:center;
    margin:0;
    position:absolute;
    top:1em;
    left:0;
    right:0;
}
h3.subtitle {
    font-size:1.5em;
    font-weight:normal;
    text-align:center;
    margin:0;
    position:absolute;
    top:4em;
    left:0;
    right:0;
}
p.note {
    font-size:1em;
    margin:0;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}


html:
Spoiler:
Code:
<body>
  <div class="outer">

    <h1 class="title">Title</h1>
    <h3 class="subtitle">Subtitle</h3>
 
    <p class="note">
      Note 1<br/>
      Note 2<br/>
      Note 3<br/>
      Note 4</p>

  </div>
</body>


Attached screenshots are from my Kobo Glo (Adobe RMSDK10) at two different font size settings:
Attached Thumbnails
Click image for larger version Name: screen_001.png Views: 168 Size: 17.0 KB ID: 148249   Click image for larger version Name: screen_002.png Views: 202 Size: 22.8 KB ID: 148250  
GeoffR is offline   Reply With Quote