Hola gente , tengo varias tablas con contenido relacionado a usuarios del sitios. El tema es que me gusaría que cada 4 tablas salgan en una fila; para ello he utilizado float:left y en la primera fila funciona, se muestra las 4 primeras. El problema surge en la segunda fila que se muestran dos tablas y la tercera baja a una segunda fila.
Este es el html:
Código:
<div class="cb_template_default"> <hr class="cbUserListHrTop" size="1" />
<div id="cbUserTable" class="cbUserListTable cbUserListT_4">
<table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=68&Itemid=49">andrea</a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=68&Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn68_4c924a8890f59.jpg" alt="andrea" title="andrea" class="cbThumbPict" /></a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>-</span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>-</span></div>
</td></tr></table><table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=63&Itemid=49">mariola</a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=63&Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn63_4c90734131978.jpg" alt="mariola" title="mariola" class="cbThumbPict" /></a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>fff</span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>española</span></div>
</td></tr></table><table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=69&Itemid=49">morena2</a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=69&Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn0_4c924b896ea09.jpg" alt="morena2" title="morena2" class="cbThumbPict" /></a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>-</span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>-</span></div>
</td></tr></table><table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=65&Itemid=49">morenaca</a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=65&Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn65_4c924ace1ab41.jpg" alt="morenaca" title="morenaca" class="cbThumbPict" /></a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>-</span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>-</span></div>
</td></tr></table><table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=64&Itemid=49">pepona</a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=64&Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn64_4c90747129f66.jpg" alt="pepona" title="pepona" class="cbThumbPict" /></a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>-</span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>-</span></div>
</td></tr></table><table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=67&Itemid=49">rubiaca</a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=67&Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn0_4c9087248d250.jpg" alt="rubiaca" title="rubiaca" class="cbThumbPict" /></a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>-</span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>-</span></div>
</td></tr></table><table class='tree_cols'<tr><td valign="top" class="cbUserListCol1">
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_username"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=66&Itemid=49">zorraida</a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_avatar"><strong></strong><a href="http://localhost/joomla/index.php?option=com_comprofiler&task=userprofile&user=66&Itemid=49"><img src="http://localhost/joomla/images/comprofiler/tn0_4c9086ad0b71e.jpg" alt="zorraida" title="zorraida" class="cbThumbPict" /></a></span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_titulo"><strong>titulo:</strong>-</span></div>
<div class="cbUserListFieldLine"><span class="cbListFieldCont cbUserListFC_cb_nacoinalidad"><strong>nacoinalidad:</strong>-</span></div>
</td></tr></table>
</div>
<hr class="cbUserListHrBottom" size="1" />
</div>
y el css que utilizo es este (en este caso la idea era que mostrara solo tres filas , de ahí el nombre tree_cols de la clase, pero me da igual que muestre 4).
.tree_cols {float:left; margin:5px 0; width:200px}
.cbUserListFieldLine {margin:5px;width:200px;}