Foros del Web » Creando para Internet » CSS »

:: break-word en Firefox? ::

Estas en el tema de :: break-word en Firefox? :: en el foro de CSS en Foros del Web. tengo una tabla y cuando lleno su TD con una palabra mayor a su width (ancho) esta se estira, en Internet Explorer utilizo word-wrap: break-word; ...
  #1 (permalink)  
Antiguo 07/06/2007, 19:27
 
Fecha de Ingreso: marzo-2005
Mensajes: 103
Antigüedad: 12 años, 9 meses
Puntos: 1
:: break-word en Firefox? ::

tengo una tabla y cuando lleno su TD con una palabra mayor a su width (ancho) esta se estira, en Internet Explorer utilizo word-wrap: break-word;

Pero este atributo es própio de Internet Explorer, por ende no funciona en Firefox y el TD pierde su tamaño, en varios sitios ví esto en CSS

td {
white-space: pre-wrap;
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
white-space: pre;
white-space: -hp-pre-wrap;
white-space: pre-line;
}

Igual no funciona, alguien se ha topado con este problema?
  #2 (permalink)  
Antiguo 09/06/2007, 02:21
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 15 años, 10 meses
Puntos: 6
Re: :: break-word en Firefox? ::

lamentando el caso como dices, FF no soporta

:(
__________________
www.dataautos.com
  #3 (permalink)  
Antiguo 05/12/2007, 17:57
 
Fecha de Ingreso: diciembre-2007
Mensajes: 1
Antigüedad: 10 años
Puntos: 0
Exclamación Re: :: break-word en Firefox? ::

No sé si este sea el espacio adecuado para preguntar, pero si me dicen donde esta la solucion no hay problema, el problema suge en que tengo un string con etiquetas html, entonces si el worwrap se ejecuta enmedio de una etiqueta html, lo rompe todo, y me deja las etiquetas abiertas.

Gracias
  #4 (permalink)  
Antiguo 05/12/2007, 18:30
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 10 años
Puntos: 24
Re: :: break-word en Firefox? ::

Puedes definir la tabla con tamaño fijo (style="table-layout:fixed") y las celdas con overflow hidden. Ejemplo:

<html>
<head>
<style type="text/css">
.tablaDias { table-layout:fixed; width:90px;}
td { width: 30px; overflow:hidden; }
</style>
</head>
<body>
<table class="tablaDias" border="1">

<tr class="over">
<td>1234567890</td>
<td>AA</td>
<td>BB</td>
</tr>
</table>
</body>
</html>
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 15:14.