Solução para Faux Columns sem usar imagens

Boa galera do iMasters...

Achei este artigo, que resolve o problema de ter que se ter colunas com mesma altura, mas sem usar imagens, como na solução tradicional.

A renderização sem nenhuma técnica, para 3 colunas com diferentes alturas, é esta:

http://wbruno.com.br/scripts/semFauxColumns.html

E agora, aplicando a técnica de faux-columns, mas sem imagens, sugerida no artigo acima:

http://wbruno.com.br/scripts/comFauxColumns.html

A grande "chave" para essa técnica, é atribuir "overflow: hidden" para o container, e colocar margins e paddings gigantes para as colunas:

#colunaUm {
	background-color: #ff0;
	padding-bottom: 1000em;
	margin-bottom: -999.5em;

} você pode verificar o código completo nos links que postei para exemplo, e vizualização.

Usei para esse exemplo, um gerador de Lorem Ipsum:lol:

Testado:

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Opera 9.5 Beta

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif FireFox 3

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Internet Explorer 7

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Internet Explorer 6

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Internet Explorer 8 (Beta)

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Google Chrome Beta

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Safari 3.1.2 (Windows)

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Iceweasel 3.0.6 (Linux)

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Web Epiphany 2.22.3 (Linux)