Answers.Body: <p>well this looks like a html/css question the height percentage in the css also needs that its parent has height as well</p>
  
  <p>so you can try this.</p>
  
  <pre><code>html, body {
     height:100%;
  }
  </code></pre>
  
  <p>and use your #myDiv coloring.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2014-11-21T14:14:38.840Z
Answers.LastActivityDate: 2014-11-21T14:14:38.840Z
Answers.UserDisplayName: Onur Topal
Body: <p>I'm having a really hard time changing the background color of my epub on the Nook HD.</p>
  
  <p>I've tried doing:</p>
  
  <pre><code>body {
      background-color: red;
  }
  </code></pre>
  
  <p>(Not that I would actually use red, I just want to see a difference.)</p>
  
  <p>Nothing.</p>
  
  <p>I've tried putting a <code>div</code> around the whole thing, and doing something like:</p>
  
  <pre><code>#myDiv {
      width: 100%;
      height: 100%;
      background-color: red;
  }
  </code></pre>
  
  <p>And, that <em>almost</em> works, but it doesn't expand the whole way. There is still white areas at the top and bottom that just stay a white background. Also, once a page ends, it only covers up until there's no text.</p>
  
  <p>I've tried a bunch of other things too, but I just can't seem to figure it out.</p>
  
  <p>Anyone have any ideas?</p>
  
  <p>(And, yes, publisher's defaults is on.)</p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2015-02-20T08:42:49.450Z
Comments.Text: You must remeber that Kobo itself can have some CSS that is more important than yours (for example user pref.)
Comments.UserDisplayName: Glorifind
Tags: <epub><nook><css>
Title: What CSS can I use to change the background color of an epub on a Nook HD?
UserDisplayName: Steven Jeffries
ThreadText: # What CSS can I use to change the background color of an epub on a Nook HD?
  
  (Asked by: username_0 on 2014-10-22)
  
  I'm having a really hard time changing the background color of my epub on the Nook HD.
  
  I've tried doing:
  
  ```
  body {
      background-color: red;
  }
  
  ```
  
  (Not that I would actually use red, I just want to see a difference.)
  
  Nothing.
  
  I've tried putting a `div` around the whole thing, and doing something like:
  
  ```
  #myDiv {
      width: 100%;
      height: 100%;
      background-color: red;
  }
  
  ```
  
  And, that *almost* works, but it doesn't expand the whole way. There is still white areas at the top and bottom that just stay a white background. Also, once a page ends, it only covers up until there's no text.
  
  I've tried a bunch of other things too, but I just can't seem to figure it out.
  
  Anyone have any ideas?
  
  (And, yes, publisher's defaults is on.)
  
  **Tags:** epub, nook, css
  
  > **Comments:**
  > **username_1**: You must remeber that Kobo itself can have some CSS that is more important than yours (for example user pref.)  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_2 on 2014-11-21. Score: 1
  
  well this looks like a html/css question the height percentage in the css also needs that its parent has height as well
  
  so you can try this.
  
  ```
  html, body {
     height:100%;
  }
  
  ```
  
  and use your #myDiv coloring.
  
  
  ---
  
  