Script pra igualar as alturas das colunas

quinta-feira, 15 de julho de 2010 - 09:36

Quem, como eu, gosta do tradicional esquema de layout cabeçalho-duas-colunas-rodapé, já deve ter se deparado com a chatice que é deixar os divs com a mesma altura, sem ter que usar o esquema faux_columns, uma artimanha de CSS para simular a altura igual das colunas, colocando uma figura de fundo da mesma cor das colunas.

Por isso, dando uma besourada na net, achei esse script, que adaptei e passo pra vocês:

<.script type="text/javascript">
var alturaesquerda = document.getElementById('div_esquerda').offsetHeight;
var alturadireita = document.getElementById('div_direita').offsetHeight;

if (alturadireita > alturaesquerda) {
document.getElementById('div_esquerda').style.height = alturadireita + 'px';
}
else {
if (alturaesquerda > alturadireita) {
document.getElementById('div_direita').style.height = alturaesquerda + 'px';
}
}
<./script>

Ele foi testado com o Firefox, IEca e Chrome, funcionando bem nos três.

Só se lembrem de colocá-lo como última coisa do HTML, ou pelo menos depois do rodapé.

Divirtam-se.

Abraços!

Fonte: CoelhoDePrograma

Comente

Nome:
Email:
Cidade:
Estado:
Comentário: