title: How to make a div cover the whole width of a webpage, not just the viewport?
body: <p>I'm designing a website for a final project. One of the things I had included was a  navigation bar and a div with just a purple background to act as the header. </p>
  
  <p>The problem is that when the window is anything less than fullscreen, the div doesn't reach the end. How can I make it so that the div reaches the end of the page even when the window is resized? Margins are set too zero by the way.</p>
  
  <p>PS. I can't use position: fixed as the header is supposed to stay at the top, and I don't believe that vh or vw work as the program I use is too old. (Dreamweaver CS3)</p>
  
  <p>Here's the code:(added jsfiddle) <a href="https://jsfiddle.net/0x4arjk2/8/" rel="nofollow noreferrer">https://jsfiddle.net/0x4arjk2/8/</a></p>
  
  <pre><code>#apDiv5 {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100px;
  z-index:1;
  background-color: #1A001A;
  }
  </code></pre>
  
  <p>Thanks!</p>