Criar tabela responsive com células do mesmo tamanho

  • Autor Autor Friberpollo
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
F

Friberpollo

Curioso
Usuário com poucas negociações! Use sempre o saldo do 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,

adsasdas.webp


Inserir CODE, HTML ou 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);
}
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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 edição:
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.
 
Voltar
Topo