#10445 NORM 10.1.3: epubs sometimes not displayed correctly

[Zarro Boogs per Child]

#10445: epubs sometimes not displayed correctly
-------------------------------------+--------------------------------------
           Reporter:  erikos         |       Owner:  erikos       
               Type:  defect         |      Status:  new          
           Priority:  normal         |   Milestone:  10.1.3       
          Component:  read-activity  |     Version:  not specified
         Resolution:                 |    Keywords:               
        Next_action:  diagnose       |    Verified:  0            
Deployment_affected:                 |   Blockedby:               
           Blocking:                 |  
-------------------------------------+--------------------------------------

Comment(by godiard):

 The problem is in the css file included in the epub file. We can do a hack
 to modify them, but I don't know if is the right solution.

 Test:

 Unpack the epub file with glitches:
 {{{
 unzip pg19778.epub
 }}}
 Open the html file with Firefox or Chrome (to test if is a problem in
 gecko or webkit):

 19778/www.gutenberg.org at files@19778 at 19778-h@19778-h-0.htm

 You can see the same glitches in all the navigators.

 Now you can edit the file 0.css

 The first class defined is:

 {{{
 a[title].page {
     position: absolute;
     right: 2%;
     font-size: x-small;
     font-style: normal;
     font-weight: normal;
     color: gray;
     background-color: inherit;
     display: inline;
     /* set to "none" to make page numbers disappear */
     }
 }}}

 You can comment the line "position: absolute"

 {{{
 a[title].page {
 /*  position: absolute; */
     right: 2%;
     font-size: x-small;
     font-style: normal;
     font-weight: normal;
     color: gray;
     background-color: inherit;
     display: inline;
     /* set to "none" to make page numbers disappear */
     }
 }}}

 Now reload the program used to see the html file. The glitches disappear,
 but the text is very small.

 If you comment the class the text is displayed correctly:

 {{{
     /*
 a[title].page {
     right: 2%;
     font-size: x-small;
     font-style: normal;
     font-weight: normal;
     color: gray;
     background-color: inherit;
     display: inline;
     }
 */
 }}}

-- 
Ticket URL: <http://dev.laptop.org/ticket/10445#comment:3>
One Laptop Per Child <http://laptop.org/>
OLPC bug tracking system