Crear tabla responsive con celdas de mismo tamaño

  • Autor Autor Friberpollo
  • Fecha de inicio Fecha de inicio
F

Friberpollo

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola, necesito un poco de ayuda con esto, lo que necesito es una tabla, y que las celdas sean del mismo tamaño que las demás, pero tambien necesito que sea responsive, con esto que tengo solo logro que sea responsive, pero no he podido lograr que tengan el mismo tamaño.. espero me pueda ayudar,




Insertar CODE, HTML o PHP:
.table-container
{
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
	width:auto;
	position:relative;
    margin: 0 auto;
}
table td {
text-align: center;
	width: 100%;
	margin: 5px;
	padding: 18px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #1F1F1F;
	border-left: 1px solid #1F1F1F;
	background: #1F1F1F;
	background: -webkit-gradient(linear, left top, left bottom, from(#1F1F1F), to(#1F1F1F));
	background: -moz-linear-gradient(top, #1F1F1F, #1F1F1F);
}
 
Puedes cambiar esto width:auto; por width: 100%; en la ``.table-container´´ y en la ``table td´´ ponerlo asi width: 33.3%;

En la ``.table-container´´ puedes poner el porcentaje que mas se ajuste a tu diseño
 
Última edición:
Muchas gracias me funciono, no puedo creer, que fuera tan simple, y yo intentando de todo 🙂
 
No hay de que
Lo que haga falta.
Eso nos pasa a todos al principio.