establecer tamaño fijo de celdas

typerest · #1 (**permalink**) 08/05/2006, 14:12

A ver si alguien me puede ayudar

, supongamos q tengo el siguiente codigo con una tabla de una fila y columna:

Código HTML:

<html>
<head></head>
<body>

<table>
<tr>
<td>Fila numero 1 de la tabla</td>
</tr>
</table>

</body>
</html>

Por defecto me muestra la celda con una anchura adaptada a su contenido, lo que querria és que la anchura y la altura de la celda fueran fijas independientemente de su contenido. He probado de añadirles atributos de anchura y altura tanto al tag td como a tr:

Código HTML:

<html>
<head></head>
<body>

<table>
<tr>
<td  width="5" heigth="5">Fila numero 1 de la tabla</td>
</tr>
</table>

</body>
</html>

y el ancho de la celda me lo respeta pero su altura aumenta para que quepa todo texto. Lo que quiero es q no cambie de tamaño y que el trozo de texto q no quepa simplemente que no aparezca, tampoco quiero tener que cortar las cadenas de texto puesto que esos textos los necesitare luego.

No se si para hacer esto es necesario utilizar algun atributo especial a nivel de css y por tanto tendria q haber puesto este post en el foro d css, si es asi disculpad pero ando bastante perdido respecto a este tema

Gracias por adelantado y saludos

Mickel · #2 (**permalink**) 08/05/2006, 15:00

tendrias que usar un <div> dentro de la celda y alli poner el height fijo

typerest · #3 (**permalink**) 08/05/2006, 16:29

A ver he puesto esto, y no me funciona:

Código HTML:

<html>
<head></head>
<body>
<table>
<tr> 
	<td>
		<div width="5" height="5">
			Fila numero 1 de la tabla
		</div>
	</td> 
</tr> 
</table> 
</body>
</html>

Te referias a eso Mickel?

typerest · #4 (**permalink**) 09/05/2006, 03:38

Ya encontré una forma de hacerlo seteando el atributo table-layout a fixed:

Código HTML:

<html>

<head>
</head>

<body>
	<table sTYLE="table-layout:fixed">
		<TR>
    			<td width="50" height="16">
				Celda numero 1 de la tabla
			</td>
		<TR>
	</table>
</body>

</html>

El problema es que firefox no me lo hace a diferencia de internet explorer, que si que funciona. Alguien sabe porque?

tartenio · #5 (**permalink**) 02/09/2015, 09:32

He probado la solucción del div y el texto sigue derramandose fuera de la celda.
Pero se puede poner en practica un truquillo. Poner el texto de la celda en un <input> se le da el ancho y readonly para que no se pueda modificar el texto. Tambien se le pone las opciones de border 0 y el color de la celda.