Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/09/2011, 16:15
lemmy2011
 
Fecha de Ingreso: febrero-2011
Mensajes: 156
Antigüedad: 13 años, 4 meses
Puntos: 4
style="table-layout:fixed;"

Hola a todos. Para evitar que un texto grande me "desmonte" la tabla, he leído que hay que definir la tabla fija mediante el estilo: table-layout:fixed;" ( y evidentemente dando un determinado tamaño a las columnas ). Todo parecía ir bien. Gracias a este estilo, el texto no me hace crecer las celdas que es lo que quería. Pero, por casualidad me he fijado que algo raro pasa... He definido dos tablas idénticas:

Tabla 1
----------

<table border="1" cellspacing="0" cellpadding="0" width="395" style="table-layout:fixed;">
<tr>
<td width="100">wwww</td>
<td width="100">eeee</td>
<td width="100">rrrr</td>
<td width="95">tttt</td>
</tr>
</table>

Tabla 2
----------

<table border="1" cellspacing="0" cellpadding="0" width="395">
<tr>
<td width="100">wwww</td>
<td width="100">eeee</td>
<td width="100">rrrr</td>
<td width="95">tttt</td>
</tr>
</table>

La única direferencia es que a la primera tabla le asocio el estilo "table-layout:fixed"

Pues bien, observo que, a medida que voy añadiendo columnas a la primera tabla, la tabla aumenta su tamaño. Inicialmente, a las dos les asigno una única celda de tamaño "395" hasta aquí bien. Pero si voy añadiendo celdas, la segunda tabla no aumenta su tamaño, pero la primera sí. Es decir, en el caso de las dos tablas de arriba, la primera tabla me queda de mayor tamaño ( horizontalmente, se entiende ) que la segunda... eso me genera bastantes dudas, pues he empleado style="table-layout:fixed;" en bastantes tablas de mi aplicación... ¿si el width es el mismo, y el contenido de las celdas no hace crecer las columnas, no deberían ser igual de grandes?