Celdas del mismo tamaño.

[furoya]

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

[caricatos]

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

[furoya]

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