Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 07-jun-2007, 18:27   #1 (permalink)
alex28 ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2005
Mensajes: 103
:: 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?
alex28 está desconectado   Responder Citando
Antiguo 09-jun-2007, 01:21   #2 (permalink)
asinox ha deshabilitado el karma
 
Avatar de asinox
 
Fecha de Ingreso: noviembre-2002
Ubicación: httpdocs
Mensajes: 2.565
Re: :: break-word en Firefox? ::

lamentando el caso como dices, FF no soporta

:(
__________________
www.noxmediastudio.com
asinox.wordpress.com
asinox está desconectado   Responder Citando
Antiguo 05-dic-2007, 16:57   #3 (permalink)
punksolid ha deshabilitado el karma
 
Fecha de Ingreso: diciembre-2007
Mensajes: 1
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
punksolid está desconectado   Responder Citando
Antiguo 05-dic-2007, 17:30   #4 (permalink)
aloqui tiene algunos puntos positivos de karma
 
Avatar de aloqui
 
Fecha de Ingreso: diciembre-2007
Mensajes: 973
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>
aloqui está desconectado   Responder Citando
Respuesta

Calificación: Calificación de Tema: 1 votos, 2,00 de promedio.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 20:20.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93