title: Set up a HTML page with left and right panel
body: <p>how can I set up a HTML Page with two content sides? Without <code>&lt;frames&gt;</code> !</p>
  
  <p>In example:</p>
  
  <p>On the left side should be the menu for the navigation.
  On the right side should be the content of the page.</p>
  
  <p>Example menu:</p>
  
  <pre><code>&lt;div id="page"&gt;
      &lt;div id="menuleftcontent"&gt;
          &lt;ul id="menu"&gt;
              &lt;li&gt; &lt;a href="showfirstcontent"&gt;first&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="showsecondcontent"&gt;second&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div id="maincontent"&gt;
          &lt;div id="firstcontent"&gt;first&lt;/div&gt;
          &lt;div id="secondcontent"&gt;second&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The menu on the left side should be a fix content and the right content should be changeable.</p>
  
  <p>I have made a sketch:</p>
  
  <p><img src="https://i.stack.imgur.com/XQwfz.jpg" alt="enter image description here"></p>
  
  <p>Thanks in advance</p>