Problema estilizando tablas con CSS

[Finseneu]

Código:

.mitabla td { width: 60px; height: 60px; background-color:#FF0000; }

Buenas amigos tengo este simple estilo y el problema de que parece ignorar la propiedad width, el resto funciona bien, puedo cambiar el alto de las celdas o el color de fondo pero con el ancho no funciona.

[rigobcastro]

¿Por qué dices que lo ignora? Yo creo que no colocaste un ancho para la tabla en general y pues para evitarte problemas trabaja con porcentajes.

Código CSS:

.mitabla { width: 100% }
.mitabla td{ width: 25% } // O segun sea el caso
 

Para mayor eficacia puedes usar el atributo width directamente sobre las columnas. Si solo pones un numero, se tomaran como pixeles y también puedes usar porcentajes.

Código HTML:

<table width="100%">
  <tr>
    <td  width="50%"></td>
    <td  width="50%"></td>
  </tr>
</table>
 

Ahora hay una cuestión interesante, si usas la estiquetas de estructura en tablas thead tbody tfooter Podras agrupar los titulos y darles un ancho con el atributo width, el resto de la tabla heredará este ancho sin necesidad de volverlo a insertar...

Código HTML:

<table width="100%">
  <thead>
    <tr>
      <th width="25%">Titulo 1</th>
      <th width="25%">Titulo 2</th>
      <th width="25%">Titulo 3</th>
      <th width="25%">Titulo 4</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Columna 1</td>
      <td>Columna 2</td>
      <td>Columna 3</td>
      <td>Columna 4</td>
    </tr>
  </tbody>
</table>
 

Si no usas titulos en tu tabla, podrás insertar el ancho en el primer tr de la tabla y así el resto lo heredaran.

Saludos!

[Finseneu]

El ancho de la tabla y de la fila siempre estuvo definido y ajustado al valor de las celdas.
De un modo u otro se soluciono sin tocar nada....misterios del universo?!
Gracias y saludos