Alinhamento de divs em colunas

[Wagner Martins - SC 0]

Olá pessoal do Fórum,

 

Já dei uma pesquisada na internet mais não achei nada sobre o assunto, então resolvi criar um tópico aqui no fórum...

 

Pois bem, tenho varias divs com height diferentes, em colunas. Quero saber se tem como colocar as div em duas colunas, sendo q cada div fica embaixo uma da outra, como na imagem abixo:

 

[William Bruno 1501]

Tem sim, porém para funcionar corretamente de forma crossbrowser

cada coluna deve ser independente da outra.

 

pseudo código:

<ul float: left;>
 <li>div1</li>
 <li>div2</li>
 <li>div3</li>
</ul>
<ul float: left;>
 <li>div4</li>
 <li>div5</li>
 <li>div6</li>
</ul>

[Tiago Neves 0]

Não seguindo as regras de Tabless...

 

<table width='100%' style="height:100%">
<tr>
<td width="50%">
<div style="width:100%"> - div1 - </div>
<div style="width:100%"> - div2 - </div>
<div style="width:100%"> - div3 - </div>
</td>
<td width="50%">
<div style="width:100%"> - div4 - </div>
<div style="width:100%"> - div5 - </div>
<div style="width:100%"> - div6 - </div>
</td>
</tr>
</table>

 

no exemplo acima funciona em qualquer browser. E o altura (height) das divs você pode definir como você quiser.

 

----------

 

Seguindo as regras Tabless

 

Para seguir as regras de tables você precisa passar melhor o que você quer e o quer você planeja caso as informações mude.

 

 

abraço