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

Go Back   MobileRead Forums > E-Book Software > Calibre > Server

Notices

Reply
 
Thread Tools Search this Thread
Old 09-16-2018, 05:14 PM   #1
dator
Member
dator began at the beginning.
 
Posts: 12
Karma: 10
Join Date: Jul 2018
Device: Kobo Aura HD
Book viewer displays background incorrectly

Hello,

I set up background in book viewer using user style sheet but background is displayed on first 3 pages of each chapter.

My settings

Code:
body { background-image:url("https://xxx/pics/background.jpg");
background-size:100% 100%;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center
Attached Thumbnails
Click image for larger version

Name:	calibre_viewer_1.PNG
Views:	38
Size:	653.6 KB
ID:	166342  
dator is offline   Reply With Quote
Old 09-16-2018, 10:17 PM   #2
kovidgoyal
creator of calibre
kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.
 
kovidgoyal's Avatar
 
Posts: 33,612
Karma: 10209576
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
You need the background to repeat. THis is because the viewer creates pages by converting the body into columns using css 3 columns properties. So the body stretches off the screen from left to right.
kovidgoyal is offline   Reply With Quote
Advert
Old 09-17-2018, 05:47 AM   #3
dator
Member
dator began at the beginning.
 
Posts: 12
Karma: 10
Join Date: Jul 2018
Device: Kobo Aura HD
Quote:
Originally Posted by kovidgoyal View Post
You need the background to repeat. THis is because the viewer creates pages by converting the body into columns using css 3 columns properties. So the body stretches off the screen from left to right.
I understand I suppose to change background-repeat:no-repeat to background-repeat:repeat

Yet this does not work.
dator is offline   Reply With Quote
Old 09-17-2018, 09:57 AM   #4
kovidgoyal
creator of calibre
kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.kovidgoyal ought to be getting tired of karma fortunes by now.
 
kovidgoyal's Avatar
 
Posts: 33,612
Karma: 10209576
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
I have to say I have never actually tried using background image with the browser viewer. I'd start with something simple like:

Code:
html {
background-image: whatever;
background-size: 100vw 100vh;
}
kovidgoyal is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Converted epub displays italics incorrectly on Moon Reader dtc87 Conversion 18 07-26-2017 08:15 PM
Reader in 2.75 displays margins incorrectly on last page of chapter nabsltd Calibre 2 12-27-2016 01:11 AM
Sigil 0.9.7: mouse pointer displays incorrectly yadpes Sigil 1 11-07-2016 10:09 AM
About the background in ebook-viewer Elancrom Calibre 7 11-20-2015 08:40 AM
Kindle Previewer Displays HTML lists incorrectly when converting from EPUB Gandharva Kindle Developer's Corner 1 09-01-2011 07:52 PM


All times are GMT -4. The time now is 02:37 AM.


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