MobileRead Forums - View Single Post - html & css to fight the Nook centering problem

Jim Lester · 10-28-2012, 12:09 PM

Does it work correctly in ADE 2.0?
Does it work correctly if you turn 'Publisher Defaults' on?

Most likely the StyleSheet override of CSS by the Nook is causing you problems. If you change the css to have a class selector for h1
h1.CenterMe { .... }

and mark up the html accordingly
ie <h1 class="CenterMe" ...>...</h1>

You may have better luck.

Note1: Specifying the font-size in px is a BAD IDEA, use em instead. Users can and will want to change the font size to suit their reading needs. This will mean that your header will either appear much bigger or much smaller than you intend. If you do this to your body text, your readers will be quite rightfully miffed at you (See recent news for JK Rowling for an example).

Note2: Specifying margins in px, is not as bad as specifying font-size in px but may also get you unintended results.

10-28-2012, 12:09 PM	#2
Jim Lester Evangelist Posts: 416 Karma: 14682 Join Date: May 2008 Location: SF Bay Area Device: Nook HD, Nook for Windows 8	Does it work correctly in ADE 2.0? Does it work correctly if you turn 'Publisher Defaults' on? Most likely the StyleSheet override of CSS by the Nook is causing you problems. If you change the css to have a class selector for h1 h1.CenterMe { .... } and mark up the html accordingly ie <h1 class="CenterMe" ...>...</h1> You may have better luck. Note1: Specifying the font-size in px is a BAD IDEA, use em instead. Users can and will want to change the font size to suit their reading needs. This will mean that your header will either appear much bigger or much smaller than you intend. If you do this to your body text, your readers will be quite rightfully miffed at you (See recent news for JK Rowling for an example). Note2: Specifying margins in px, is not as bad as specifying font-size in px but may also get you unintended results. Last edited by Jim Lester; 10-28-2012 at 12:22 PM.