title: Grid with different height images
body: <p>I'm trying to create a grid layout for my portfolio site. I'm having trouble with getting it to work online. When I try a preview in dreamweaver it look just fine, but when uploaded it's all messed up.. Please help</p>
  
  <p><a href="http://www.kaspervanvliet.nl/index.html" rel="nofollow">http://www.kaspervanvliet.nl/index.html</a> </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="images-containter"&gt;
        &lt;div class="col"&gt;
           &lt;img src="images/k_Web-03.jpg"&gt;
              &lt;img src="images/curriculum_new.jpg"&gt;
                  &lt;img src="images/Finnley's_2.jpg"&gt;
                      &lt;img src="images/Justme_1.jpg"&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.images-containter {
  position: relative;
  width: auto;
  height: auto;
  }
  
  .images-containter img{
  width: 350px;
  height: auto;
  background: #fffff;
  padding: 0px;
  margin: 15px;
  border: none;
  }
  
  .col {
  width: 350px;
  display: block;
  float: left;
  margin: 15px;
  vertical-align: top;
  align: center;
  }
  </code></pre>