Tabla que no ajusta tamaño

[fernandaYO]

Buen dia.

No se si este tema sea de php o html espero me corrijan gracias.
Tengo un problemilla, y es que cree una tabla, la cual se llena por medio de unos comandos en php, resulta que cuando la tabla se llena con muchos datos aparece de la siguiente manera:



Pero cuando solo hay por ejemplo 1 dato aparece de esta manera:





el codigo lo tengo de la siguiente manera:

Código HTML:

<td width="118" height="30" align="center" valign="top" bordercolor="#000000" bgcolor="#CCCCCC"> <div style="height:30px;" > <span class="Estilo24">REFERENCIA </span><span class="Estilo4">Code</span> </div> </td>
    <td width="191" align="center" valign="top" bordercolor="#000000" bgcolor="#CCCCCC"> <div style="height:30px;" > <span class="Estilo24">DESCRIPCIÓN </span><span class="Estilo4">Designation</span> </div> </td>
    <td width="83" align="center" valign="top" bordercolor="#000000" bgcolor="#CCCCCC"><div style="height:30px;" ><span class="Estilo24">UNID </span><span class="Estilo4">United</span> </div> </td>
    <td width="39" align="center" valign="top" bordercolor="#000000" bgcolor="#CCCCCC" class="Estilo24"><div style="height:30px;" >IVA  </div> </td>
    <td width="105" align="center" valign="top" bordercolor="#000000" bgcolor="#CCCCCC"><div style="height:30px;" > <span class="Estilo24">CANTIDAD </span><span class="Estilo4">Quantity</span> </div> </td>
    <td width="90" align="center" valign="top" bordercolor="#000000" bgcolor="#CCCCCC"><div style="height:30px;" ><span class="Estilo24">VR.UNIT </span><span class="Estilo4">Unit Price</span> </div> </td>
    <td width="72" align="center" valign="top" bordercolor="#000000" bgcolor="#CCCCCC"><div style="height:30px;" ><span class="Estilo24">TOTAL </span><span class="Estilo4">Total</span> </div> 
    
   </td>
  
  </tr>
  
  <tr>
     <?
  $Bandera=1;
  }
  $queEmp = "SELECT * FROM  pendientes_pre WHERE PEDIDO = '$pedido' ";//ORDER BY Referencia ASC;
$resEmp = mysql_query($queEmp, $con) or die(mysql_error());
$Bandera=0;
while ($row=mysql_fetch_array($resEmp)) {
  ?> 
  
    <td height="2" align="left" valign="top" bordercolor="#000000" class="Estilo20"><span class="Estilo22"><span class="Estilo22"></span> <div style="height:30px;" >
        <span class="Estilo22">
        <?=$prod= $row['PRODUCTO']; ?>
        </span></div> </td>
    <td align="left" valign="top" bordercolor="#000000" class="Estilo22"><div style="height:30px;" >
      <span class="Estilo22">
      <?= $np= $row['NOMBRE_PRO']."  ". $color; ?>
      </span></div></td>
    <td align="left" valign="top" bordercolor="#000000" class="Estilo22"><span class="Estilo22"><span class="Estilo22">
    </span>
      <div style="height:30px;" >
        <span class="Estilo22">
    <?php if ($tal <= 0) {
    echo "BONDEO";
    }else{
    echo "PAR"; 
    }?>
    </span> </span></div></td>
    <td align="left" valign="top" bordercolor="#000000" class="Estilo22"><div class="Estilo22" style="height:30px;" >
      <?= $eliva;?> 
    </div></td>
    <td align="left" valign="top" bordercolor="#000000" class="Estilo22"><div style="height:30px;" >
      <span class="Estilo22">
      <? $qped= $row['Q_PEDIDA']; 
  echo  number_format ($qped,2);
    ?>
      </span></div></td>
    <td align="left" valign="top" bordercolor="#000000" class="Estilo22"><div style="height:30px;" >
      <span class="Estilo22">
      <? $pcn= $row['PRECIO_NET']; 
      echo number_format ($pcn,2);?>
      </span></div></td>
    <td align="left" valign="top" bordercolor="#000000" class="Estilo22"><div style="height:30px;" >
      <span class="Estilo22">
      <?  //$multi=$qped * $pcn ;
     echo number_format($multi=$qped * $pcn,2);
      ?>
      </span></div></td>
</tr>

<? }
}
echo'</table>';

tonces no se que es loq ue debo hacer para qeu todo salga del mismo tamaño por muchos datos que hallan por muy pocos..
Quien me pueda ayudar gracias.

[Hidek1]

consulta en el foro de HTML o de CSS

saludos.

[djleonilo]

el detalle que yo veo es que estas utilizando width fijos es decir estos no se ajustan según el contenido si no que les estas asignando un tamaño especifico. prueba dejando en blanco el width o poniendo un porcentaje.

[fernandaYO]

Iniciado por djleonilo

el detalle que yo veo es que estas utilizando width fijos es decir estos no se ajustan según el contenido si no que les estas asignando un tamaño especifico. prueba dejando en blanco el width o poniendo un porcentaje.

Porcentaje?, el width del que me hablas es el del div?..
como hago lo del porcentaje

[emprear]

fernandaYO:

Eso no se puede analizar, tenés que mandar el código html generado, para los dos casos y el css

[fernandaYO]

mira, el coodigo que esta ahi es para los dos casos, por eso ocurre el problema, tiene algo de php y pues el css, no es nada lo unicoque puse fue

Código HTML:

<div style="height:30px;" > 

[emprear]

No, me refiero a lo siguiente:

Por un lado tenes class="Estilo20" y otros más, y no se sabe si están definidos en alguna parte o no.
Por el otro, tenes que pasar el código fuente que te genera el navegador, en ambos casos, con resultado unico y resultado múltiple


Saludos