• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

Bruno

Meter 2 tabelas/divs por linha

9 mensagens neste tópico

Estou aqui com um problema... tenho por exemplo 10 tabelas (podem pensar em divs) e quero mostrar 2 por "linha" (isto é 2 a 2).

Quando meto display: inline é ignorado o witdh da tabela... sendo que a única hipótese que me ocorre é a colocação de uma tabela geral com 2 colunas onde meto as outras em cada uma das respectivas.

---

Na realidade o que pretendia nem era 2 mas sim as que desse (isto é dependia do tamanho da janela)... usei o float do css mas nem com o <center> consegui alinhar as tabelas que ele colocava.

---

Alguma solução para algum estes 2 problemas?

(A solução terá de funcionar nos vários browsers)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Boas

Não sei se é isto que queres mas devia de funcionar

.esquerda{
float:left;
display:box;
width:xx px;
height:xx px;
}
.direita{

float:right;
display:box;
width:xx px;
height:xx px;
}

.break{
display:none;
}


<div class="esquerda">  </div>
<div class="direita">  </div>
<br class="break"/>
<div class="esquerda">  </div>
<div class="direita">  </div>
<br class="break"/>
<div class="esquerda">  </div>
<div class="direita">  </div>
<br class="break"/>
<div class="esquerda">  </div>
<div class="direita">  </div>
<br class="break"/>
<div class="esquerda">  </div>
<div class="direita">  </div>
<br class="break"/>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Isso, coloca uma em cada canto não centra ambas :)

De qq modo thk pela ajuda.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Podes coloca-las todas dentro de outra div centrada

.centrar{

text-align:center; /*para IE*/
margin:auto /*para browser de jeito*/
}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Ele ignora por completo a div centrada, ou mm o <center>... segundo vi na net n há modo mesmo!

Para "jogar" com as margens das divs preciso de saber o tamanho da janela do utilizador...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

que tal:

.blah {
position:relative;
left:0;
right:0;
margin:auto;
}

Para mim funciona no Firefox, no IE não deve funcionar só para variar ...

EDIT: Esqueci-me do margin:auto x.x

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Ele ignora por completo a div centrada, ou mm o <center>... segundo vi na net n há modo mesmo!

Para "jogar" com as margens das divs preciso de saber o tamanho da janela do utilizador...

Podes utilizar % (tipo margin-left: 20%) e forças a largura.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eu não sou grande expert, mas se utilizares o table-layout:fixed?

A tabela fixa as medidas, e brincas dentro dela... Penso eu de que!!! ;)

cps

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora