Reakce na odpověď

Takto?

http://qaltmercator.cz/www-pokusy/float-obr/

<style type="text/css">
  .cely {
  width: 370px;
  margin: auto
  }
  
  .levy {
  width:185px;
  float: left
  }
  
  .pravy {
  width:185px;
  float: right
  }
  
  </style>
  </head>
  <body>
<div class="cely">  
  
<div class="levy">
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
<img src="images/zeleny-vysoky.gif" height="81" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
<img src="images/zeleny-vysoky.gif" height="81" width="185"><br>
<img src="images/zeleny-vysoky.gif" height="81" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
</div>

<div class="pravy">
<img src="images/zeleny-vysoky.gif" height="81" width="185"><br>
<img src="images/zeleny-vysoky.gif" height="81" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
<img src="images/zeleny-vysoky.gif" height="81" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
</div>

</div>

CSS rozvržení - problém s Float