title: Max width in css header
body: <p>So basically, my css and html works like this. I have a top and bottom to the header, as well as a userbox if the user is logged in. My html and css are formed like this:</p>
  
  <pre><code>&lt;div id=header&gt;
   &lt;div id=leftheader&gt;
    &lt;div id=topheader&gt;
      [top header]
    &lt;/div&gt;
   &lt;div id=bottomheader&gt;
     [bottom header] 
   &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id=rightheader&gt;
     [userbox]
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>In a sense, I want the userbox to appear to the right of the top and bottom nav menus when the user is logged in. However, if they're not logged in, I want to make the headers expand the full width of the screen. I have the PHP which does the back end.</p>
  
  <p>The previous was accomplished easy by doing width: 100px; on the top and bottom divs. However, when I log in, the userbox appears below the two nav menus. One way I thought to get around this is to make the widths not always 100%. Is there any way to do this to still have my userbox on the right?</p>
  
  <p>I tried using max-width, and I take it that it is not defined.</p>
  
  <p>For reference I have the top and bottom headers floated left and the right header floated right. Thanks </p>