screen-spanning frames; how to get them to obey padding?

Ryn · 12-09-2015, 06:59 AM

Guys and girls, I've been wondering about this for some time.

When using boxes that set content apart using divs with a padding and a background-color, they sometimes/often spill over into new screens. It would be nice if the box would respect the top and bottom padding from the initial div in the new screen. Otherwise, it just looks unfinished and messy to me. (see the screenshot.)

Left and right padding are fine, obviously.

I've been diving into the epub spec and can't find a way to control this. Has any of the grand MB wizards bright ideas on how to fix this?

Toxaris · 12-09-2015, 07:21 AM

If I understand you correctly, that can only be done in fixed-layout.

Ryn · 12-09-2015, 08:04 AM

Thanks Toxaris. I thought as much, but I thought I might as well throw it out there just in case anyone has found a miracle cure.

dgatwood · 12-09-2015, 11:43 AM

I vaguely recall asking for that functionality a couple of years ago as an addition to the CSS spec, and the CSS folks suggested that there's something something coming in a future update that could provide it. I don't remember what, exactly—maybe CSS rules that apply based on whether something is the first element in a given flow to appear on a page. So eventually, this might be possible.

If you just want a margin there and don't care about it being padded to a particular color, you could use margins on the page itself (in readers that support it, such as iBooks).

You might also be able to use positive and negative margins on paragraphs, but there's a risk that you might end up with stuff cut off at the bottom of the page if you do that, so it is a tradeoff.

If you're willing to go EPUB 3, you can probably also do this with some sophisticated JavaScript.

12-09-2015, 06:59 AM	#1
Ryn Connoisseur Posts: 51 Karma: 10 Join Date: Feb 2012 Device: none	screen-spanning frames; how to get them to obey padding? Guys and girls, I've been wondering about this for some time. When using boxes that set content apart using divs with a padding and a background-color, they sometimes/often spill over into new screens. It would be nice if the box would respect the top and bottom padding from the initial div in the new screen. Otherwise, it just looks unfinished and messy to me. (see the screenshot.) Left and right padding are fine, obviously. I've been diving into the epub spec and can't find a way to control this. Has any of the grand MB wizards bright ideas on how to fix this? Attached Thumbnails

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
The 'Add' Dialog box spanning the whole screen?	ne0b0rn	Calibre	10	01-16-2012 10:43 PM
HEIRS OF MARS: PRELUDES - a short story collection spanning three worlds	jrlewis	Self-Promotions by Authors and Publishers	15	06-21-2011 01:17 AM
Frames on a Palm?	Trep	Reading and Management	0	12-19-2004 06:44 AM

12-09-2015, 07:21 AM	#2
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	If I understand you correctly, that can only be done in fixed-layout.

12-09-2015, 08:04 AM	#3
Ryn Connoisseur Posts: 51 Karma: 10 Join Date: Feb 2012 Device: none	Thanks Toxaris. I thought as much, but I thought I might as well throw it out there just in case anyone has found a miracle cure.

12-09-2015, 11:43 AM	#4
dgatwood Curmudgeon Posts: 629 Karma: 1623086 Join Date: Jan 2012 Device: iPad, iPhone, Nook Simple Touch	I vaguely recall asking for that functionality a couple of years ago as an addition to the CSS spec, and the CSS folks suggested that there's something something coming in a future update that could provide it. I don't remember what, exactly—maybe CSS rules that apply based on whether something is the first element in a given flow to appear on a page. So eventually, this might be possible. If you just want a margin there and don't care about it being padded to a particular color, you could use margins on the page itself (in readers that support it, such as iBooks). You might also be able to use positive and negative margins on paragraphs, but there's a risk that you might end up with stuff cut off at the bottom of the page if you do that, so it is a tradeoff. If you're willing to go EPUB 3, you can probably also do this with some sophisticated JavaScript.

Advert