|
|
#1 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 86
Karma: 12586
Join Date: Nov 2012
Device: Ipad and Kindle Fire
|
Problem with Percentage Measurements
I am working on a fixed layout ebook for Kindle Fire. I am trying to convert all the absolute positioning measurements form pixels to percentages. But I can't get it to work. There is no consistency between Dreamweaver, Safari and Kindle Preview. If I get it right for Safari, it is widely out on all the others. Does anyone have an idea what's happening?
|
|
|
|
|
|
#2 | |
|
Connoisseur
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 51
Karma: 29994
Join Date: Nov 2011
Location: Manila, Philippines
Device: iPad 2 & Nexus 7
|
Quote:
The standard on fixed layout book is to use pixel measurement. |
|
|
|
|
| Advert | |
|
|
|
|
#3 | |
|
Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 629
Karma: 1623086
Join Date: Jan 2012
Device: iPad, iPhone, Nook Simple Touch
|
Quote:
|
|
|
|
|
|
|
#4 |
|
frumious Bandersnatch
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 7,571
Karma: 20150435
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
And percentages in vertical margins are relative to the width of the element, not height.
|
|
|
|
|
|
#5 | |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 86
Karma: 12586
Join Date: Nov 2012
Device: Ipad and Kindle Fire
|
Quote:
That's helpful, thanks. When I added 'position:absolute' to the body tag in the CSS, I mostly solved the problem. I also understand, you need to add the page size in pixels. In some contexts I have seen the page size added to the body tag and sometimes to a div tag, which is used on each page to set the size. Does it matter which way you do it or is this a difference between epub and mobi versions? The reason I ask, is that I have completed a fixed layout eBook, with the page dimensions added to the body tag, and with a separate div tag for each page, which I have used to identify and format all the elements on each page. I suppose, I should also add in the CSS width and height to each of these divs, but when I do it doesn't seem to make any difference. I still have the problem that there is a slight variation in the flow of the text, when I transfer the file from my computer to my Kindle Fire. Last edited by verydeepwater; 02-15-2013 at 08:15 AM. Reason: to make clear |
|
|
|
|
| Advert | |
|
|
|
|
#6 |
|
Groupie
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 178
Karma: 1057078
Join Date: Dec 2012
Device: Kobo Aura One
|
Setting a fixed size on the body or on a main div should both work independently of the format.
|
|
|
|
![]() |
| Tags |
| absolute positioning, percentage measurements, pixels |
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Screen measurements? | cBird | enTourage Archive | 3 | 04-18-2011 10:57 PM |
| PRS-600 600 measurements | Wordeater | Sony Reader | 2 | 02-05-2011 04:35 PM |
| measurements Please | artemisblossom | Sony Reader | 3 | 05-19-2009 12:55 AM |
| I need measurements | Kirari | Sony Reader | 7 | 05-11-2009 10:14 PM |
| PRS-500 PRS-500 power consumption measurements | rothe957 | Sony Reader Dev Corner | 27 | 01-09-2008 05:07 AM |