Celda de una tabla que no cambie su tamaño

skyz · 20/08/2011, 09:36

Tengo este problema, no estoy muy seguro si es en esta seccion, si no lo es, porfavor colocarla en la seccion correspondiente.

El problema es que desearia hacer en una celda de una tabla, un comentario de un usuario, encontre por la red esta propiedad:

Código PHP:

  <style type="text/css">

table { table-layout:fixed;

}

</style>

Que me dice que las celdas de una tabla seran fijas y no cambiaran su tamaño, no importando el contenido que se coloque, pero el problema es que, si alguna persona en su comentario coloca digamos:

Código:

graciasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

La celda de la tabla donde esta el comentario se estira hacia la derecha y no es lo que deseo, vi en un foro que al realizar este tipo de comentarios la celda no se movia y todo se acomodaba hacia abajo, haciendo parecer a la celda como si fuera dura y no le afectara este comportamiento de comentario. Tambien vi este otro comportamiento de celda:

Este segundo comportamiento, me coloca un scroll si el comentario es demasiado largo.

Quisiera saber como se hacen estos 2 tipos de comportamientos en una celda de una tabla.

Gracias por su tiempo.

EthanBrody · 20/08/2011, 11:01

Ese es el problema, para cualquier cosa, no nadamas para celdas, sino para parrafos, divs, lo que sea, si una palabra es demasiado larga se va a desbordar.

Para los de los scroll-bars, en la celda de tu tabla aplica CSS con la propiedad OVERFLOW:auto; asi cada que se extienda una palabra, aparecerán unas barras. Pero esto es muy antiestetico.

Yo usaria mas una propiedad del CSS3, en el estilo de la celda usaria WORD-WRAP:BREAK-WORD;

Esto lo que hace es que si una palabra se desborda, la corta en dos, y pasa la segunda parte hacia abajo. Aunque nunca lo he probado en Tablas.

skyz · 20/08/2011, 18:19

Gracias por la respuesta EthanBrody, pero no se que estoy haciendo mal, no me sale, con la propiedad overflow lo que deseo.

Aqui el codigo:

Código PHP:

  <body>

<table width="539" border="1">

  <tr>

    <td width="162" height="107" valign="top" style="overflow:auto;">&nbsp;</td>

    <td width="175" valign="top" style="overflow:hidden;"></td>

    <td width="180" valign="top" style="overflow:inherit;">&nbsp;</td>

  </tr>

  <tr>

    <td height="90" style="overflow:scroll;"><p>&nbsp;</p>

    <p>&nbsp;</p></td>

    <td style="overflow:visible;">&nbsp;</td>

    <td style="word-wrap:break-word;">&nbsp;</td>

  </tr>

  <tr>

    <td height="142">&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

</body>

Solo me sale en el overflow:scroll, las barras pero la celda, se estira hacia la derecha con palabras largas, no se queda fija la celda.

Estuve probando con las otras propiedades de overflow, pero no veo resultados.

Shamanet · 23/08/2011, 19:04

Me parece muy extraño que word-wrap:break-word no te funcione, se creo precisamente para eso... una puede ser que tu navegador no soporte CSS3, espero que no!!! Y la otra puede ser que no te funcione porque estas aplicando el estilo a una celda, no a un párrafo...

Para convertir en párrafo cualquier elemento HTML, existe display:block, prueba con el a ver si te resulta, cabe destacar que no e probado el código, sólo te comento el como yo lo resolvería... Saludos!!!