[Hitch]

Originally Posted by wDr

Hey all, I have a question. I have a client whose ebook that I coded is displaying inconsistently across devices. On his there is this huge indent, and on other devices there is a small indent. However, the CSS style is coded to have no indent, and no indent is what appears on devices that don't do pop-up footnotes.

The goal is no indent.

Here is how the footnotes are displaying across a few devices (these are all paperwhites from 2 different people):


How his device displays it:


Does anyone know why this is so inconsistent? Here is the code in the ebook:

<hr class="horizontalrule"/>
<div class="calibre1">
<div id="footnote-001" epub:type="footnote">
<p class="basic-paragraph"><a class="_idgencolorinherit" href="../Text/Mortgages_Ebook-8.xhtml#footnote-001-backlink">1</a> I’m talking about today. There were times when one could simply state their income, put nothing down and have poor credit—and still purchase a house. This led to a massive wave of foreclosures and short sales, which had a domino effect and contributed to a stock market crash. These NINJA loans [No Income, No Jobs or Assets] were packaged into securities called Mortgage-Backed Securities or Collateralized Debt Obligations. Many of these ended up with little to no worth as people in droves defaulted on their loans. </p>
</div>
<div id="footnote-000" epub:type="footnote">
<p class="basic-paragraph"><a class="_idgencolorinherit" href="../Text/Mortgages_Ebook-8.xhtml#footnote-000-backlink">2</a> A real estate lien is the legal right ensured to the holder of the lien to a specified amount of money upon the sale of the property or until debt owed to the lien holder is paid off.</p>
</div>
</div>


And here's the CSS it calls back to:

.calibre1 {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
display: block;
margin: 0;
padding: 0
}
.basic-paragraph {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
display: block;
font-family: "Bookerly", serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.4;
orphans: 1;
page-break-after: auto;
page-break-before: auto;
text-align: left;
text-decoration: none;
text-indent: 0;
text-transform: none;
widows: 1;
margin: 0;
padding: 0
}

Thank you to anyone who can help.

Without knowing what the basic-paragraph might be inheriting, or cascading, we can't know what the problem may be. What's the definition of the basic p class?

Hitch