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