Foros del Web » Creando para Internet » CSS »

Celdas del mismo tamaño.

Estas en el tema de Celdas del mismo tamaño. en el foro de CSS en Foros del Web. Hola todos : Tengo una duda que me está poniendo ( más ) loco. Estoy ayudando a polvi en una tabla ( Inmovilizar Columnas y ...
  #1 (permalink)  
Antiguo 30/03/2005, 14:26
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 1 mes
Puntos: 317
Pregunta Celdas del mismo tamaño.

Hola todos :

Tengo una duda que me está poniendo ( más ) loco.

Estoy ayudando a polvi en una tabla ( Inmovilizar Columnas y Filas ), pero no puedo encontrar la manera de hacer que todas las celdas tengan el mismo tamaño.

Les dejo un ejemplo para ver si alguien sabe cómo se hace o se le ocurre algo

Código:
 
<style>
table{border-collapse:collapse}
table td{font:12px monospace; border:1px solid; text-align:center; height:1.5em}
#contEncCol{overflow:hidden; overflow-y:scroll; background:#ccc; width:20em}
#contEncFil{overflow:hidden; overflow-x:scroll; background:#ccc; height:8em}
#contenedor{overflow:auto; width:20em; height:8em}
#contenido{}
.tabla td{border:1px solid; width:7em}
.rell{width:7em; height:0; position:relative; top:-1em; z-index:-1; bor der:1px solid red}
</style>

<table>
<tr>
<td>/</td>
<td>
<div id="contEncCol">
 <table class="tabla" id="encCol">
 <tr>
 <td> A </td><td> B </td><td> C </td><td> D </td>
 </tr>
 </table>
</div>
</td>
</tr>

<tr>
<td>
<div id="contEncFil">
 <table Id="encFil">
 <tr><td>1</td></tr>
 <tr><td>2</td></tr>
 <tr><td>3</td></tr>
 <tr><td>4</td></tr>
 <tr><td>5</td></tr>
 <tr><td>6</td></tr>
 </table>
</div>
</td>
<td>
<div id="contenedor">
 <table class="tabla" id= "contenido">
 <tr>
 <td> alfa</td><td> bravo</td><td> charly</td><td> delta</td>
 </tr>
 <tr>
 <td> eco</td><td> foxtrot</td><td> golf</td><td> hotel</td>
 </tr>
 <tr>
 <td> indio</td><td> julieta</td><td> kilo</td><td> lima</td>
 </tr>
 <tr>
 <td> mike</td><td> noviembre</td><td> oscar</td><td> papa</td>
 </tr>
 <tr>
 <td> quebec</td><td> romeo</td><td> sierra</td><td> tango</td>
 </tr>
 <tr>
 <td> uniforme</td><td> victor</td><td> whisky</td><td> x-ray</td>
 </tr>
 </table>
</div>
</td>
</tr>
</table>
Las pruebas las hice en IE, si tambiçen se puede en otros navegadores, mejor.

gracias

furoya
  #2 (permalink)  
Antiguo 30/03/2005, 14:47
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola furoya:

Vi en parte el código, pero como está "troceado" no lo puedo probar con mi "magnífico" probador...

No sé las pruebas que has hecho, pero por mi experiencia (poca) hay que darle medidas width y height y overflow hidden (me parece que lo del overflow es lo más importante)... en tu código he visto capas donde controlas el overflow, pero no lo haces en las celdas.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 30/03/2005, 15:04
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 1 mes
Puntos: 317
Hola caricatos :

pues es asi, las celdas no llevan overflow. El codigo noo parece estar cortado como ess la nueva costumbre, salvo en un color que es el que corte yo y no se usa (puedes ver el codigo completo en el enlace).

Quizà se entienda mejor.

gracias furoya
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:50.