title: Basic 3-column layout in CSS
body: <p>I'm doing an exercise to improve my coding and I'm trying to copy the layout from this page <a href="http://imgur.com/pM8owcj" rel="nofollow">http://imgur.com/pM8owcj</a></p>
  
  <p>I'm stuck with the 3-column section because each column overlaps the other.</p>
  
  <p>I'm a beginner as you can see, I'll really appreciate any help.</p>
  
  <p>Here is the link with the code: <a href="http://codepen.io/porpita/pen/ElKty" rel="nofollow">http://codepen.io/porpita/pen/ElKty</a></p>
  
  <p>HTML </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;link href="estilo.css" rel="stylesheet" type="text/css"&gt;
          &lt;title&gt;
          Ejercicio Multimedia
          &lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;section id="content"&gt;
              &lt;div id="header"&gt;
              &lt;/div&gt;
              &lt;div id="headermenu"&gt;
              &lt;/div&gt;
              &lt;div id="imagenprincipal"&gt;
              &lt;/div&gt;
              &lt;div id="espacio"&gt;
              &lt;/div&gt;
              &lt;div id="galeria"&gt;
                  &lt;div id="columna"&gt;
                      &lt;div id="movimientos"&gt;&lt;/div&gt;
                      &lt;div id="eventos"&gt;&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div id="exposiciones"&gt;&lt;/div&gt;
                  &lt;div id="noticias"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/section&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><br><br>
  CSS</p>
  
  <pre><code>#content {
  width: 1144px;
  margin: 0 auto;
  }
  
  #header {
      height: 140px;
      border: 3px #000 solid;
  }
  
  #headermenu {
      height: 40px;
      border: 3px #000 solid;
  }
  
  #imagenprincipal {
      height: 429px;
      border: 3px #000 solid;
  }
  
  #espacio {
      height: 69px;
      border: 3px #000 solid;
  }
  
  
  
  
  #galeria {
      height: 825px;
      border: 3px #000 solid;
  }
  
  #columna {
      width: 338px;
      height: 825px;
      border: 3px #000 solid;
      float: left;
  }
  
  #movimientos {
      width: 338px;
      height: 353px;
      border: 3px #000 solid;
  }
  
  #eventos {
      width: 338px;
      height: 472px;
      border: 3px #000 solid;
  }
  
  #exposiciones {
      width: 480px;
      height: 825px;
  
  }
  
  #noticias {
      width: 326px;
      height: 825px;
      border: 3px #000 solid;
  }
  </code></pre>
  
  <p>Thanks a lot.</p>