Foros del Web » Creando para Internet » CSS »

Un width:40% a un td, pq en firef es el 40 d l tabla y en ie de todo l ancho?

Estas en el tema de Un width:40% a un td, pq en firef es el 40 d l tabla y en ie de todo l ancho? en el foro de CSS en Foros del Web. Hola, porque en firefox cuando aplico a una celda un 40% de ancho, parece que es el 40% de toda la tabla, y en ie ...
  #1 (permalink)  
Antiguo 18/03/2009, 07:58
 
Fecha de Ingreso: noviembre-2008
Mensajes: 74
Antigüedad: 15 años, 5 meses
Puntos: 0
Un width:40% a un td, pq en firef es el 40 d l tabla y en ie de todo l ancho?

Hola, porque en firefox cuando aplico a una celda un 40% de ancho, parece que es el 40% de toda la tabla, y en ie se hace parece el 40% de toda la pantalla y me descoloca todo?

Gracias
  #2 (permalink)  
Antiguo 18/03/2009, 09:23
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 18 años, 10 meses
Puntos: 17
Respuesta: Un width:40% a un td, pq en firef es el 40 d l tabla y en ie de todo l anc

puedes mostrar un ejemplo, una página, una captura de pantalla o algo?

Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #3 (permalink)  
Antiguo 18/03/2009, 10:04
 
Fecha de Ingreso: noviembre-2008
Mensajes: 74
Antigüedad: 15 años, 5 meses
Puntos: 0
Respuesta: Un width:40% a un td, pq en firef es el 40 d l tabla y en ie de todo l anc

si, claro:

tengo definida la tabla de esta manera
<tabla>
<thead>
</thead>
<tr>
<th> col1 </th>
<th class="ancho"> col2 </th>
<th class="ancho"> col3 </th>
<th class="ancho"> col4 </th>
<th class="ancho"> col5 </th>
<th class="ancho"> col6 </th>
<th class="ancho"> col7 </th>
<th class="ancho"> col8 </th>
<th class="ancho"> col9 </th>
</tr>
<tbody>
<tr style="height:40px">
<td><div>Dato1</div></td>
<td class="ancho">Dato2</td><td class="ancho">Dato3</td><td class="ancho">Dato4</td>
<td class="ancho">Dato5</td><td class="ancho">Dato6</td><td class="ancho">Dato7</td><td class="ancho">Dato8</td>
<td>Dato9</td>
</tr>
</tbody>
</table>
Entonces, Una tabla, 9 columnas, una fila de datos, en la primera celda hay un div, que se puede actualizar por xajax.

Tengo puesto: col2,col3,col4,col5,col6,col7,col8,col9 un ancho fijo en px:
class="ancho"
css:
.ancho { width: 80px } (Realmente cada columna lleva uno diferente)

La altura de la tr de datos la he puesto en 40, aunque realmente me gustaria que como minimo fueran 40, si los datos de la primera celda (Datos1 en el ej) fuesen muy largos, una vez que se ha ampliado a lo ancho a tope, se separaran en varias lineas (las que hicieran falta).

Ahora en firefox funciona, pongo en lugar del texto Datos1 algo muy largo (con o sin espacios) via xajax y funciona perfecto, las columnas no cambian de tamaño, la col1 se adapta al espacio disponible en la pantalla, si es muy largo se dividen en varias lineas a lo alto......

En el IE y ghrome, el ancho de col1 se amplia correctamente: redimensiono el navegador y se ve que se hace grande y pequeño.
PERO si cambio Datos1 por un texto grande, las columnas no permanecen con el mismo tamaño y no dividen el texto en varias lineas bien. (La tabla se va tamaño por la derecha).

Sabes lo que quiero decir?

MIL GRACIAS (o+)

Un saludo
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 05:21.