title: CSS positioning - two elements next to each other
body: <p>Ok, I know this question has been here at least hundred of times but this positioning is driving me crazy - can someone help me?</p>
  
  <p>I have a portlet page (its basically html) with a table and a div tag. I would like to position them next to each other (table on the left, div on the right). Here are parts of my html:</p>
  
  <pre><code>&lt;div id="page&gt;
  
   &lt;table id="logtable"&gt;
    ...
   &lt;/table&gt;
  
   &lt;div id="divMessage&gt;
    ...
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>...and CSS:</p>
  
  <pre><code>#page {
      width: 1200px;
      margin: 0px auto -1px auto;
      padding: 15px;
  }
  
  #logtable {
      width: 800px;
      float: left;
  }
  
  #divMessage {
      width: 350px;
      position:relative;
      right:-5px;
      top: -20px;
  }
  </code></pre>
  
  <p>I have tried various positions - absolute, fixed, float etc, but I cant seem to get it right... Thanks for any help!</p>