CSS sort of DIVs from MySQL - html

Question

I need help with CSS for sorting MySQL rows to 3 column layout with fixed width and AUTO height. Can anybody can post here some link with solution, I dont know which phrase I need search for.
I created easy example image:

Answer 1

Look into using Isotope or Masonry to do this. They provide exactly what you're looking for.

Answer 2

Try to create 3 divs with class column :
<div class=column >
</div>
<div class=column >
</div>
<div class=column >
</div>
In css :
.column
{
float: left;
width: 30%;
}
Then add divs to each of your columns containing database informations you want to dump

Answer 3

something like this in your php code
$left_column = "<div class="column">";
$center_column = "<div class="column">";
$right_column = "<div class="column">";
$q = mysql_query(/*sql query*/);
while( $row = mysql_fetch_assoc( $q)){
$sqldata[] = $row;
}
count = 0;
foreach($sqldata as $key => $value){
if($count % 3 == 0){
//append $value['content'] to left column
$left_column .= $value['content'];
}
else if ($count % 3 == 1){
//append $value['content'] to center column
$left_column .= $value['content'];
}
else if ($count % 3 == 2){
//append $value['content'] to right column
$left_column .= $value['content'];
}
count .= 1
}
$left_column .= "</div>";
$center_column .= "</div>";
$right_column .= "</div>";
echo $left_column;
echo $center_column;
echo $right_column;
css
.column {
float:left;
width:30%;
}