Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/12/2007, 09:14
Avatar de jabi
jabi
 
Fecha de Ingreso: noviembre-2006
Mensajes: 120
Antigüedad: 17 años, 6 meses
Puntos: 1
Propiedad table-layout

Buenas a todos,

Estoy intentando utilizar esta propiedad, con el valor fixed para evitar que las celdas de una tabla se "deformen" o cambie su ancho y altura según el contenido. No sé si es la propiedad adecuada o la mejor forma para hacer ésto pero en IE7 me va sin problemas. El asunto está en Firefox, donde al aplicar esta propiedad, el texto, por no caber en la celda, continúa en la siguiente y se superpone con el texto de ésta. Igual con una imagen queda más claro:



Los anchos de las celdas están aplicados por css de esta forma:

Código:
.hv1a td.t1{width:65px}
.hv1a td.t2{width:57px;text-align:right}
.hv1a td.t3{width:57px}
.hv1a td.t4{width:65px;text-align:center}
.hv1a td.t5{width:65px;text-align:center} 
.hv1a td.t6{width:38px}
.hv1a td.t7{width:60px}
.hv1a td.t8{width:65px}
.hv1a td.t9{width:70px}
hv1a es una capa que contiene la tabla, y t1, t2, t3... son las clases aplicadas a cada celda.

A ver si alguien conoce alguna forma de que no se modifique ni el ancho ni la altura de las cerdas en función del texto que contenga, tanto en IE como en Firefox.

Saludos y gracias
__________________
No estoy aquí de vacaciones, creéme.