Coelho Dizeres Computador
[X] Fechar

Já conhece a NewsLetter do CoelhoDePrograma? Clique aqui e assine!

Só demora 30 segundos para se cadastrar e você recebe nossas notícias por email!

Seu nome:

Seu email:

Nome do amigo:

Email do amigo:

Script pra igualar as alturas das colunas
Compartilhe no WhatsApp Enviar por email Compartilhe no Twitter

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

Assine a NewsLetter do CoelhoDePrograma e não perca mais nenhum artigo!

Gostou da matéria? Comente logo abaixo! mrgreen

Copyright - Marcelo Coelho