:: break-word en Firefox? ::

alex28 · #1 (**permalink**) 07/06/2007, 18:27

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?

asinox · #2 (**permalink**) 09/06/2007, 01:21

lamentando el caso como dices, FF no soporta

:(

punksolid · #3 (**permalink**) 05/12/2007, 17:57

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

aloqui · #4 (**permalink**) 05/12/2007, 18:30

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>