Duda (de n00b) acerca de tablas

Sí, estoy usando tablas.
Sí, me enorgullece.



Bueno, ya, es que sí es para contenido tabulado (lista de temas de un subforo), y tengo una pequeña duda.

En el foro de mootools, cuando ves un subforo, la primera columna de la izquiera abarca todo el espacio que las otras columnas no, pero todas son flexibles; es decir, que las 3 columnas de la derecha simplemente son del ancho del texto de su respectiva cabecera más algunos píxeles de padding, y la otra, abarca todo el espacio libre.

Ya busqué como loco en el css, y no encuentro respuesta.

Toda la ayuda recibida es apreciada

Código :

<table>
  <tr>
    <td colspan="2">Esta ocupa 2 columnas</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3">Ocupa 3 Columnas</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Aunque muchas veces se ignoran etiquetas de xhtml por su desconocimiento, ejemplo:

Código :

<table>
   <caption>Table Name</caption>
   <thead>
      <tr>
         <th>Header Column 1</th>
         <th>Header Column 2</th>
         <th>Header Column 3</th>
         <th>Header Column 4</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>Row1 Colum1 </td>
         <td>Row1 Colum2 </td>
         <td>Row1 Colum3 </td>
         <td>Row1 Colum4 </td>
      </tr>
      <tr>
         <td>Row2 Colum1 </td>
         <td>Row2 Colum2 </td>
         <td>Row2 Colum3 </td>
         <td>Row2 Colum4 </td>
      </tr>
   </tbody>
   <tfoot>
         <tr>
            <td colspan="4">Footer</td>
         </tr>
   </tfoot>
</table>

saludos

Sigh, era de n00b pero no tanto.
Sé como se manejan los rowspans y colspans, esa no era mi pregunta.

Es fácil, ponle un tamaño a la tabla digamos un width="100%", a las columnas de la derecha les pones un tamaño fijo y al que quieres que se expanda no le pones width. Listo.

Ejemplo.
http://www.joanpiedra.com/p/tabla_flexible.htm

NEO_JP escribió:

Bump.
Sí eso ya lo sabía, pero gracias.
Digo, que las de la derecha también son flexibles. Son del ancho del texto de la cabecera + 20px.

Oh.. no habia visto el ejemplo. Ok, ya entendí, es muy muy simple pero no siempre va a funcionar, básicamente es no poner tamaños a nada más que la tabla (100%), al resto de th o td se le agregan padding. Y al enlace izquierdo se le pone display:block; que imagino hará que se expanda y alargue más esa columna, además que los textos en esa columna son los más largos de la tabla.

Esto es lo único que pude deducir, porque no hay nada más. Me gusta lo sencillo que es ese css. Saludos.