The page-break-after:avoid rule just doesn't do its job! Can we fix it? Yes we can.
You all know it to be true. The one really annoying thing about the re-flowable ePub, is that you are often seeing those sub-titles all on their own at the bottom of the page. Just like a lonely orphan.
You can see an example in the first image here.
CSS has some rules for paged-media that try to prevent a page breaking before or after elements. Try as I might, I simply cannot get this do as expected.
So is there a way to sort this out while we wait for the ereader software to be updated to solve this? Or do we really have to use the fixed-layout option. No!No! Please not that.
With the latest version of iBooks for Apple's iOS7 comes the total disappearance of the 'look of the book'. No more pseudo leather look cover or page edges; no more shaded spine, nor even the wooden bookcase for your library.
Apple's decision to do this falls in to line with the re-design of iOS - making for a much simpler (minimalist - you might say) look and feel. Much of the shine and shadows on any icons and objects has gone.
When it comes to the iBooks app, there are some issues that need addressing and I am disappointed that publishers have lost some element of control. Strange things happen when you compare re-flowable with fixed layout though!