Parceiros
[X] Fechar

Seu nome:

Seu email:

Nome do amigo:

Email do amigo:

Script pra igualar as alturas das colunas
Compartilhe! Telegram Whats Email Mapa de imagens. Clique em cada uma das imagens

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: Coelho de Programa

Leia mais sobre: script, javascript, css

Copyright - Marcelo Coelho