|
First off, there should be no difference using an external css file or inline. If you're thinking this may be the reason, it's just a red herring.
Probably the reason you are having trouble is that the Nook uses its browser to read HTML, while it uses a completely different program (the epub reader) to read an epub. So it's no surprise that they work differently. Even though an epub file is just HTML embedded in a zip archive, an epub reader is not a browser and is customized for viewing on the small screen.
So, it seems to me that you need to format your css and html to look good on your PC with your browser's window narrowed down to the approximate WIDTH of a Nook device. Once you have it looking good on your PC, when you transfer it over to the Nook and view it on the Nook's browser, it should still look good. The problem is that the Nook is sooooo narrow. Most web pages are not designed to be viewed at such a narrow width.
My gut tells me that you would probably be best advised to make everything left justified, hugging the left margin, or maybe a few pixels off it. Then specigy a narrow width, etc.
|