Foros del Web » Creando para Internet » CSS »

style="table-layout:fixed;"

Estas en el tema de style="table-layout:fixed;" en el foro de CSS en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 04/09/2011, 16:15
 
Fecha de Ingreso: febrero-2011
Mensajes: 156
Antigüedad: 13 años, 3 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?
  #2 (permalink)  
Antiguo 04/09/2011, 17:42
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 11 meses
Puntos: 1012
Respuesta: style="table-layout:fixed;"

añádele <tbody>
Cita:
With this (fast) algorithm, the horizontal layout of the table does not depend on the contents of the cells; it only depends on the table's width, the width of the columns, and borders or cell spacing.
según la w3c

Última edición por IsaBelM; 04/09/2011 a las 18:03 Razón: ante la desinformación + info
  #3 (permalink)  
Antiguo 04/09/2011, 17:45
 
Fecha de Ingreso: agosto-2011
Ubicación: Montevideo
Mensajes: 44
Antigüedad: 12 años, 8 meses
Puntos: 5
Respuesta: style="table-layout:fixed;"

Tiene que ver con el borde.
Con el table-layout:fixed; hacés que quede el largo fijo sin importar del texto PERO le suma el largo del borde.
Entonces lo que tenes que hacer es sumarle a la tabla de abajo en el largo total la diferencia por el borde (2px por cada linea de celda) y calculo yo que con un 405 de largo en la de abajo estaría bien. Es un error de CSS o más bien una propiedad.

Etiquetas: contenido, tamaño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:32.