Anchos de columnas y nowrap

[alhambraeidos]

Hola,

tenía un problema con una tabla HTML. Básicamente tenía las columnas así:

<td width="100px">Texto1</td>
...
<td width="300px">Texto2</td>

El caso que en la visualización con IExplorer 6.0 no parecía poner el ancho de la columna bien. (Existe alguna aplicación o plugin de Explorer que diga cuanto ocupa en px un texto en pantalla ?)

Un compañero me dijo que aplicando nowrap se fijaba el ancho. Yo pensaba que nowrap servía para que la columna no saltara de línea y el width ya se ignoraba según la cantidad de texto.

El caso que en la visualización funciona:

<td nowrap width="100px">Texto1</td>
...
<td nowrap width="300px">Texto2</td>

Pueden aclararme algo al respecto ??

Saludos.

[AlvaroG]

Existe alguna aplicación o plugin de Explorer que diga cuanto ocupa en px un texto en pantalla ?

Javascript. En concreto, la propiedad offsetWidth.

Si lo que querés es que la celda no crezca con su contenido, la propiedad que necesitás es de css:

table-layout : fixed;

Con esto las dimensiones de la tabla no se calculan en función del contenido de la misma, sino que quedan fijas tal cual se especifican.


Saludos.

[alhambraeidos]

Hola,

en este caso con table-layout : fixed; latabla quedaría fija en los pixeles indicados, no?

Pero qué pasaría si por ejemplo hay mucho texto en una columna ??

Saludos.

[AlvaroG]

Iniciado por w3.org

Any cell that has content that overflows uses the 'overflow' property to determine whether to clip the overflow content

Table-layout solo se encarga del ancho, no del alto de las celdas.
En caso de que haya más contenido del que entra en el ancho especificado, simplemente la celda crece verticalmente. También le podés indicar otro comportamiento a través de la propiedad 'overflow': que si hay más contenido no se muestre, que se muestren barras de desplazamiento, etc.

en español: http://www.sidar.org/recur/desdi/tra...l#width-layout


Saludos.

[alhambraeidos]

Gracias.

Pero qué pasaría por ejemplo si la columna tiene un texto muy largo sin espacios, algo tal que así:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...aaaaaaaaaaaaaa aaaaaa

La celda crecería verticalmente ?? en este caso, qué pasaría ? el ancho de la tabla fijado se mantendría inalterable ??

Saludos.

[AlvaroG]

mmm creo que depende del navegador... Lo mejor es que lo pruebes.
Pase lo que pase el ancho de la tabla (cuando se usa table-layout:fixed) no se altera. Así está especificado por el W3C.
Pero de nuevo, lo mejor es probarlo y ver qué pasa


Saludos.