Ya no utilice tablas:
Código HTML:
<div id="panel" class="row">
<div class="latest">LATEST PHOTOS<br/></div>
<?php foreach ($multimedia as $multimedia): ?>
<div class="col-sm-3">
<div class="panel panel-default">
<a href="<?php $user->id ?>">
<div class="panel-body">
<?= $this->Html->image("../files\\" .$multimedia->url, array('width' => '300px')); ?>
</div>
<div class="panel-footer">
<h4 class="panel-title-bottom"> <?= ($multimedia->title) ?><br/><br/><?= $multimedia->has('category') ? $this->Html->link($multimedia->category->category, ['controller' => 'Categories', 'action' => 'view', $multimedia->category->category]) : '' ?></h4>
<a href="#" id="search-trigger" class="search-trigger">🔍</a>
</div>
</a>
</div>
</div>
<?php endforeach; ?>
</div>
y ahora salen bien de forma horizontal pero al saltar a la siguiente fila algunos elementos dejan mucho espacio con el elemento de arriba.
Cuando utilizo lo mismo pero sin el php se ordenan bien.