title: Css Layout Problem using Divs
body: <p>I would like to have a page using the following page layout,</p>
  
  <p>When there is content within rightContent, the two divs should be next to each other.
  When there is no content within rightContent, the leftContent should be the full width.</p>
  
  <p>Is this possible?</p>
  
  <pre><code>  &lt;div id="container" style="width: 1100px; border:1px solid #000000;"&gt;  
  
          &lt;div id="leftContent" style="float: left; width:100%;" &gt;            
             lkasdjfal sfjalsfj asfj asldfjaslfja sfjdlkdjasdlkf asdfasldfjas fjaslfd jasldfj alsdjfalsdf     
          &lt;/div&gt;    
          &lt;div id="rightContent" style="float: right;"&gt;           
             lkasdjfal sfjalsfj asfj asldfjaslfja sfjdlkdjasdlkf asdfasldfjas fjaslfd jasldfj            
          &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>