Register Guidelines E-Books Search Today's Posts Mark Forums Read

 MobileRead Forums Problem with Percentage Measurements
 User Name Remember Me? Password

 Notices Tip Got Facebook? Join our MobileRead Facebook Fan Page!

 Thread Tools Search this Thread
 02-10-2013, 12:47 PM #1 verydeepwater Member   Posts: 85 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?
02-14-2013, 04:04 AM   #2
Aerys
Connoisseur

Posts: 51
Karma: 29994
Join Date: Nov 2011
Location: Manila, Philippines
Device: iPad 2 & Nexus 7
Quote:
 Originally Posted by verydeepwater 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?
I think that should be normal that your seeing discrepancies by using "percentages" as measurements since the reader/browser is calculating the position based on the size of the window.

The standard on fixed layout book is to use pixel measurement.

 Advertisement
02-15-2013, 02:05 AM   #3
dgatwood
Curmudgeon

Posts: 614
Karma: 1623024
Join Date: Jan 2012
Device: iPad, iPhone, Nook Simple Touch
Quote:
 Originally Posted by Aerys I think that should be normal that your seeing discrepancies by using "percentages" as measurements since the reader/browser is calculating the position based on the size of the window. The standard on fixed layout book is to use pixel measurement.
Depends on the elements that contain the element you're styling and on what property the percentages are being applied to:
• Font sizes measured in percentages are relative to the previous size, and should be reasonably safe.
• Percentages for things like width or height of an element are relative to the size of the enclosing container. If that enclosing container is not a fixed size, then neither is a percentage of that size. If it is a fixed size, then a percentage of that size should always be the same.

 02-15-2013, 04:01 AM #4 Jellby frumious Bandersnatch     Posts: 6,987 Karma: 8443021 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.
02-15-2013, 07:14 AM   #5
verydeepwater
Member

Posts: 85
Karma: 12586
Join Date: Nov 2012
Device: Ipad and Kindle Fire
Quote:
 Percentages for things like width or height of an element are relative to the size of the enclosing container. If that enclosing container is not a fixed size, then neither is a percentage of that size. If it is a fixed size, then a percentage of that size should always be the same.[/LIST]

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 07:15 AM. Reason: to make clear

 02-19-2013, 11:08 AM #6 HYPE Groupie     Posts: 158 Karma: 1057078 Join Date: Dec 2012 Location: Québec Device: Kindle PW 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

 Thread Tools Search this Thread Search this Thread: Advanced Search

 Forum Jump User Control Panel Private Messages Subscriptions Who's Online Search Forums Forums Home E-Book General     News     General Discussions     Deals, Freebies, and Resources (No Self-Promotion)     Self-Promotions by Authors and Publishers     Reading Recommendations         Book Clubs     Writers' Corner E-Book Readers     Which one should I buy?     Amazon Kindle         Kindle Fire         Kindle Developer's Corner     Android Devices         enTourage eDGe             enTourage Archive         Spring Design Alex         Android Developer's Corner     Apple Devices     Barnes & Noble NOOK         Nook Color & Nook Tablet         Nook Developer's Corner     Kobo Reader         Kobo Tablets         Kobo Developer's Corner     Onyx Boox     PocketBook         PocketBook Developer's Corner     Sony Reader         Sony Reader Dev Corner     Windows Devices     More E-Book Readers         Astak EZReader         BeBook         Bookeen             Gen3 Developer's Corner         Ectaco jetBook         Fictionwise eBookwise         HanLin eBook         Interead COOL-ER         iRex             iRex Developer's Corner         iRiver Story         Netronix         Plastic Logic Que         Legacy E-Book Devices     Alternative Devices E-Book Software     Calibre         Recipes         Devices         Editor         Related Tools         Conversion         Library Management         Plugins         Development     Calibre Companion     KOReader     Sigil         Plugins     Marvin     EPUBReader     Writer2ePub     Reading and Management E-Book Formats     Workshop     ePub     Kindle Formats     PDF     Other formats         IMP         LRF E-Book Uploads - Patricia Clark Memorial Library     Upload Help     BBeB/LRF Books         E-Book Index     Kindle Books         E-Book Index     ePub Books         E-Book Index     IMP Books         E-Book Index     Other Books         E-Book Index     Offline         BBeB/LRF Books (offline)         Kindle Books (offline)         ePub Books (offline)         IMP Books (offline)         Other Books (offline) Everything Audiobooks     Audiobook Discussions     Audiobook Hardware & Software Non-English Discussions     Deutsches Forum         Erste Hilfe         E-Books             Buchclub         Software         Sony Reader         Amazon Kindle         Apple         Android         PocketBook         Cybook         Andere Lesegeräte         Lounge     Forum Français         Assistance         E-Books         Software         Sony Reader         Autres liseuses         Amazon Kindle         Kobo Reader         Cybook         PocketBook         Notre espace de lecture         Lounge français     Foro Español         Presentación         E-Books: Libros electrónicos         Software         Lectores Sony         Amazon Kindle         bq         Apple         Android         Otros dispositivos de lectura         Cafetería Miscellaneous     Introduce Yourself     Flea Market     Lounge     Feedback     Announcements

 Similar Threads Thread Thread Starter Forum Replies Last Post cBird enTourage Archive 3 04-18-2011 09:57 PM PRS-600 600 measurements Wordeater Sony Reader 2 02-05-2011 03:35 PM artemisblossom Sony Reader 3 05-18-2009 11:55 PM Kirari Sony Reader 7 05-11-2009 09:14 PM rothe957 Sony Reader Dev Corner 27 01-09-2008 04:07 AM

All times are GMT -4. The time now is 07:21 AM.

 -- Fixed ---- Liquid Contact Us - FAQ - Guidelines - Privacy - Archive - Top

MobileRead.com is a privately owned, operated and funded community.