05-31-2010, 01:08 AM | #1 |
Junior Member
Posts: 1
Karma: 10
Join Date: Feb 2009
Device: None
|
ePub, CSS : Bug with 'position:relative' property ?
Hello there,
From the few experiments i've made, 'position: relative' property seems to make elements invisible in iBooks. I've only played on this with 'div' and 'span' elements. The ePub displays fine on Adobe Digital Editions. That's pretty embarrassing because the IDPF specs seems to allow it. Does anyone got the same bug or am I wrong somewhere else ? Thanks |
09-11-2014, 03:28 PM | #2 |
Member
Posts: 18
Karma: 10
Join Date: Jul 2014
Device: none
|
I've just come across the same exact problem.
And <img> with position:absolute contained in a <div> is showing ok in ereaders and Android reading apps. However, iPad decides to not bother with it and show it blank. As soon as the position:absolute is removed the image is shown by the iPad. However, it is not vertically centred as that's why I was using the absolute positioning Thank you Apple for making our lives more difficult |
Advert | |
|
09-22-2014, 01:53 AM | #3 |
Curmudgeon
Posts: 629
Karma: 1623086
Join Date: Jan 2012
Device: iPad, iPhone, Nook Simple Touch
|
I haven't seen any problems with position:relative. I'd be curious if you have a snippet that still reproduces the problem. I'd be happy to file a bug against iBooks for you if you do.
The position:absolute thing is a bit nastier, and might be caused by the way iBooks overrides -webkit-line-box-contain. Try adding this stylesheet snippet: PHP Code:
Also note that SVG is generally the best way to get images centered across multiple reader platforms. Look around the forums, and you'll see half a dozen different approaches. Here's my approach: PHP Code:
|
09-29-2014, 07:53 AM | #4 |
Member
Posts: 18
Karma: 10
Join Date: Jul 2014
Device: none
|
Yes, I can confirm that position-relative seemed to do the trick and image is now showing fine. However, the position:absolute is still a total no-go at the moment
|
Tags |
bug, css, epub, ibooks, ipad |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
PB360, Position im Buch (CRM EPUB) wird nicht gespeichert | bigfellow | PocketBook | 1 | 07-17-2010 04:13 PM |
Bug: Calibre doen't include 'src' in css | adrian783 | Calibre | 0 | 07-05-2010 10:57 PM |
ePub not supported < div > position: absolute | samsgates | ePub | 1 | 06-18-2010 11:22 AM |
Small html/css bug | twaits | Calibre | 5 | 01-12-2010 10:26 AM |
epub-library: relative paths | josepinto | EPUBReader | 2 | 12-03-2009 06:40 AM |