Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Celdas del mismo tamaño. (http://www.forosdelweb.com/f53/celdas-del-mismo-tamano-284246/)

furoya 30/03/2005 13:26

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

caricatos 30/03/2005 13:47

Hola furoya:

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

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 :arriba:

furoya 30/03/2005 14:04

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


La zona horaria es GMT -6. Ahora son las 04:28.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2014, Jelsoft Enterprises Ltd.

SEO by vBSEO 3.3.2