نحوه مرتب کردن جداول html

[mehdimf20]

سلام
دوستان بنده چند جدول در html ساختم که همانطور در فایل پیوستی مشاهده می کنید پایین آنها نا مرتب می باشد و هر کاری کردم درست نشد که نشد . چگونه می تونم این جداول رو طوری درست کنم که همگی زیر یکدیگر در چند ستون قرار بگیرند و فضای خالی ای در پایین آنها نباشد ؟
متشکرم

[MMSHFE]

بهتر نیست کدتون رو بگذارین؟ قراره حدس بزنیم چی نوشتین و حدس بزنیم مشکلش چیه و جواب رو هم بر پایه حدس و گمان بگیم؟

[mehdimf20]

این هم کد برادر




<div class="columns">
<ul>


<?php foreach($items as $item){ ?>
<?php $rows = $model->getitems($item->id); ?>

<li>

<table class="gridtable">
<thead>
<tr><th><?php echo $item->name; ?></th> <th><?php echo $pariceB; ?></th> <th><?php echo $pariceA; ?></th></tr>
</thead>
<tbody>
<?php foreach($rows as $row){ ?>
<tr>
<td width="70%"><a href="index.php?option=com_k2&view=item&id=<?php echo $row->k2_id; ?>"><?php echo $row->name; ?></a></td>
<td width="15%"><?php echo $row->price; ?></td>
<td width="15%"><?php echo $row->price_warranty; ?></td>
</tr>
<?php } ?>
</tbody>
</table>
</li>


<?php } ?>


</ul>
</div>

[amg_123]

با سلام
باید یه عملیات پیچیده فیزیک کوانتوم انجام بدی تا اینا میزون بشن برادر!
:متفکر: به نظر من بزرگترین جدولت ببین چندتا سطر داره بعد همه جدولا رو به همون اندازه افزایش بده، مثلا جدول بزرگت اگه 50 سطر داره یه حلقه 50 تایی واسه هر سه جدول درست کن بعد جدولایی که سطرهای کمتری دارن رو با سطرایه خالی پر کن. فقط باید چندتاشرط ساده و یکم CSS بهش اضافه کنی.
البته با CSS و ویژگی overflow میتونی یه کارایی انجام بدی ولی فکر نکنم(:متفکر:) زیاد جالب بشه scroll بزاری.