08-20-2010, 04:24 PM | #1 |
Well trained by Cats
Posts: 29,820
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Max-Height
Interesting Sigil quirk
I had an overly large heading dingbat (jpg), So I applied a Max-height: 10% to the associated style in the stylesheet. Sigil did just what I wanted ADE EPUBReader Calibre Viewer ( means, that limit was ignored) |
08-20-2010, 07:00 PM | #2 |
regrets buying PocketBook
Posts: 44
Karma: 2144500
Join Date: Dec 2009
Location: Texas
Device: CoolReader (Android), Pocketbook 360 Ivory
|
I found this (not sure if it applies to you): "Percentage values refer to the height of the containing block. If the height of the containing block is not specified explicitly (that is, it depends on content height), and this element is not absolutely positioned, the percentage value is treated as none." from http://reference.sitepoint.com/css/max-height
I also found this on the spec page (thought I'd remembered seeing it): "Use of the CSS position property values to achieve absolute positioning (i.e. absolute and fixed) is strongly discouraged." Last edited by Almiel; 08-20-2010 at 07:07 PM. Reason: additional info on specs |
Advert | |
|
08-20-2010, 10:21 PM | #3 | |
Well trained by Cats
Posts: 29,820
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Quote:
I assumed the block was: the display page: and I wanted the dingbat not to exceed 10% of available Height (780+px ) (actual size 298) Sigil did the 10% scale. None of the other viewers did that. So I replaced the image (HARD to do in Sigil. Had to add the New one, then Global S+R the name change) Project success |
|
08-21-2010, 03:54 AM | #4 |
frumious Bandersnatch
Posts: 7,516
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
That's one of the problems with CSS in ePUB, there's no way to refer to the actual display page/screen size (height or width). The containing block is usually <body>, and it takes the width of the page (so width references typically work as expected), but its height is unspecified and adapts to its contents. Could you consider specifying your image's height in ems? It will change when changing the font, but that may be good too.
|
08-21-2010, 06:41 AM | #5 | |
Well trained by Cats
Posts: 29,820
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Quote:
I am having another problem with font over a background-image i am going to ask in MR: EPUB format |
|
Advert | |
|
09-02-2010, 04:52 PM | #6 |
Not who you think I am...
Posts: 374
Karma: 30283
Join Date: Jan 2010
Location: Honolulu
Device: PocketBook 360 -- Ivory
|
This was a super-useful bit of information.
Did you ever ask your background-image question? I'm likely to need some info on it in the near future. |
09-02-2010, 05:40 PM | #7 |
Well trained by Cats
Posts: 29,820
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
[Old Thread] Epub Output: Line Height | greenapple | Conversion | 20 | 01-27-2013 09:27 AM |
Fit PDF to screen height | Hugo | Amazon Kindle | 15 | 01-21-2011 01:07 AM |
Epub line height problem | dorotie | Calibre | 5 | 08-24-2010 03:23 PM |
kindle 3 max. 3gb oder max. 3500 bücher | kakakanno | Amazon Kindle | 8 | 08-22-2010 03:27 AM |
WIDTH and HEIGHT in <img> tags | Pablo | Sigil | 3 | 06-10-2010 05:37 PM |