¿Qué hacer para que las dimensiones de mi tabla sean siempre las mismas?

gisaelggg · #1 (**permalink**) 22/05/2009, 14:35

Hola, tengo una confusion en cuanto a las dimensiones de una tabla. Entiendo que podemos asignarle a una tabla el espacio espesifico a ocupar(pixeles) o la dimension en proporcion(%) con respecto a donde se encuentre definida la misma, pero no se que hacer para que dicha tabla mantenga sus dimensiones independientemente de lo que contenga dentro de ella.

En mi caso especifico actual, quisiera tener una tabla que no aumente su ancho(width) si le agrego mas texto(u otra cosa), en vez de ensancharse quisiera me corriera el texto excesivo a una proxima fila.

Por otra parte tambien quisiera saber que hacer para que mi pagina mantenga el mismo formato independientemente de que reduscan o incremente la ventana del navegador donde se este viendo, lo digo porque si en mi pagina reduzco la ventana se me corren lineas de texto e imagenes hacia abajo.

PD: se me hizo un poco dificil plantearles mi situacion para que la pudiesen entender de la mejor forma, espero me puedan ayudar. Gracias !!!

nicolyto77 · #2 (**permalink**) 22/05/2009, 14:43

Holas

Creo que tenes que usar porcentajes... Crear varias celdas y les vas poniendo sus porcentajes a modo que queden encerradas, un ejemplo:

30% - 40% - 30% > | | | |

Ahora la unica manera seria que escribas una cadena sin espacios y muy larga, asi se te cortarian las tablas y harias un desastre...

Pero con texto comun y coherente, no pasaria nada

Espero haberte ayudado en algo, Saludos

kseso? · #3 (**permalink**) 22/05/2009, 14:59

1º: si deseas que un elemento contenedor mantenga siempre las mismas dimensiones, define su tamaño en valores absolutos: X pixels por Y pixels. Otra cuestión que deberás resolver posteriormente es cuál será su comportamiento cuando el contenido sea mayor que el espacio reservado para mostrarlo.

2º: Con html + css sólo puedes definir si el contenido de una celda la rebosa por su derecha o por abajo o no, si lo muestra o no, o si aparecen las barras de scroll o no si fuesen necesarias.
Para "cortar" el sobrante y "llevarlo" a otra celda (en la misma fila/columna o distinta) necesitarías otro tipo de lenguaje (si es posible)

3º: para que no colapse tu página al reducir la ventana del navegador, puedes definir una anchura fija al contenedor, o si lo tienes en porcentajes, marcar un ancho mínimo (min-width)

Un saludo

gisaelggg · #4 (**permalink**) 22/05/2009, 15:12

Cita:

Iniciado por kseso?

1º: si deseas que un elemento contenedor mantenga siempre las mismas dimensiones, define su tamaño en valores absolutos: X pixels por Y pixels.

entiendo mi pana pero no me funciona, no se si estoy haciendo algo mal. ejm:

<body>
<center><b> TABLA </b></center></font>
<br>
<br>

<table width="100" height="400" align="center">
<tr>
<td width="50%">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaa</td>
<td width="50%">bbbbbbbbbbbbbbbbbbbbbb</td>
</tr>
</table>

</body>

estoy asignando una dimension especifica pero igual la columna 'a' se me hace mucho mas ancha que la 'b' por su contenido :s

jomaruro · #5 (**permalink**) 23/05/2009, 15:43

Hola:

Cita:

Iniciado por gisaelggg

<td width="50%">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaa</td>

Pero salvo que sea una url, en castellano no existe una palabra tan grande, con lo que no deberías tener ese problema.

Saludos.

kseso? · #6 (**permalink**) 23/05/2009, 16:27

gisaelggg, olvidaste el 2º punto de lo que te decía, que es complementario del 1º:

Cita:

Iniciado por mi mismo

2º: Con html + css sólo puedes definir si el contenido de una celda la rebosa por su derecha o por abajo o no, si lo muestra o no, o si aparecen las barras de scroll o no si fuesen necesarias.

Investiga la propiedad overflow

RabidFish · #7 (**permalink**) 24/05/2009, 23:05

Me parece que el problema está en la longitud del texto que estás colocando. Si tu tabla tiene 100 píxeles y en una celda del 50% colocas esto: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa, lo más probable es que la celda se deba agrandar porque las letras no tienen espacios entre sí y no puede cortarse. Prueba colocando un texto normal en vez de tantas letras juntas y luego me cuentas cómo te fue. También deberías agregar el símbolo % al ancho de la tabla, es decir, pon 100% en vez de 100. Saludos.