Ancho celda tabla fijo

[urameshix]

Hola amigos,

¿Es posible de dejar el ancho de una tabla FIJO? He probado con darle width al TD, pero si escribo una palabra larga sin espacios no funciona.

Creo que quizás estoy malinterpretando como funcionan en realidad.

Un saludo!

[abimaelrc]

Lo que podrías hacer es usar overflow o desde algún lenguaje del servidor (PHP, ASP, etc.) forzar a que se divida la palabra (si es que estás usando alguno). En PHP tienes wordwrap.

[jomaruro]

Hola:

Totalmente de acuerdo con abimaelrc pero con una salvedad:

Iniciado por urameshix

pero si escribo una palabra larga sin espacios no funciona.

Esa palabra ¿la introduce un usuario o la pones tú? Porque a menos que esa palabra sea una URL no creo que exista una tan larga que no quepa en el ancho del td.

Saludos.

[emprear]

urameshix:

Si te he interpretado, el siguiente CSS hace lo que tu quieres, incluso acomoda urls extremadamente largas



table#principal {
width: 800px;
}

table#principal td {
width: 50%;
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP */
word-wrap: break-word; /* IE 5+ */
}



Te dejo una demo en
http://foros.emprear.com/html/word-w...en-celdas.html

Verificado con IE 7/8 , Opera 10, Firefox 3.6 , Safari 4 (debería trabajar igual en versiones más viejas.

Saludos

[abimaelrc]

@emprear, buen dato pero ese código no me funcionó con Chrome.

[emprear]

Bueno, yo no mencione a Chrome en ningún momento... voy a experimentar

[abimaelrc]

Claro, veo que no lo mencionas, pero es un dato que se debe tener en cuenta ya que muchos usan Chrome y la página no se verá bien si usan el código. Por eso mencioné lo de un lenguaje de servidor o overflow, porque no importa que navegador use el usuario se debe ver igual en todos usando lo que indiqué.

[emprear]

voy a ver si encuentro una solucion al chrome

[emprear]

urameshix:

Debemos agradecer a abimaelrc ya que motivo mi curiosidad, lo cual me lleva a decirte que incurrí en un pequeño error en el código que te pase, para que funcione correctamente, incluso en el popular Chrome. Debes aplicar el CSS a un tag <pre> y no directamente a la celda, además debes agregar overflow:hidden para evitar el scroll en IE 6/7, por lo que el código quedaría asi


table#principal {
width: 800px;
}

pre {
width: 400px;
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP */
word-wrap: break-word; /* IE 5+ */
overflow: hidden;
}

table#principal td {
width: 400px;
}


y el html deberia ser

Código HTML:

<table id="principal" border="1" cellspacing="2" cellpadding="2" summary="Word Wrap en celda">
<tr><th>Columna 1</th><th>Columna 2</th></tr>
<tr>
<td>
<pre>

Contenido......

</pre>
</td>

<td>
<pre>

Contenido......

</pre>
</td>
</tr>

</table> 

http://foros.emprear.com/html/word-w...en-celdas.html

Mil disculpas por el error, y te prometo que en cuanto tenga tiempo voy a experimentar en el Konqueror.

Saludos

[breaststroke]

¡Muchas gracias por vuestros aportes. No conocía la función wordwrap. Me habeis salvado la vida!!.

Saludos