title: html+css: screen vs. print behavior
body: <p>I'm trying to understand screen vs. print behavior. What's the reason the <a href="http://apsw.googlecode.com/svn/publish/index.html" rel="nofollow noreferrer">APSW docs</a> look different in print vs. screen? (in print, the table of contents column vanishes, and the main column takes up the whole print width)</p>
  
  <p>(I'm trying to debug my sphinx document which doesn't have this behavior, but I figure if I can understand one that works properly, I can figure out why mine doesn't.)</p>
  
  <hr>
  
  <p><strong>update:</strong> Just something to note, after looking closely at the "@media print" section in basic.css cited by those of you who answered &mdash; there was one line different between my basic.css and the one in APSW:</p>
  
  <pre><code>div.bodywrapper {
      margin: 0 !important;
      width: 100%;
  }
  </code></pre>
  
  <p>The <code>!important</code> modifier was missing from my basic.css and that was causing the <code>margin: 0</code> to get overridden. Thanks all, my problem is solved!</p>