Ver Mensaje Individual
  #4 (permalink)  
Antiguo 29/01/2010, 06:42
Avatar de cala932
cala932
 
Fecha de Ingreso: septiembre-2006
Ubicación: San Juan-Argentina
Mensajes: 902
Antigüedad: 17 años, 7 meses
Puntos: 9
Respuesta: Problema con div (alturas)

Holas aqui va otra manera de solucionar el problema mediante javascript, lo que hace es determinar cual es el div de mayor alto y en base a eso asignar esa altura al resto, lo dejo por si a alguien le sirve
Código HTML:
<script type="text/javascript">
    //values
    var c2_val = document.getElementById('columnaDos').offsetHeight;
    var c1_val = document.getElementById('columnaUno').offsetHeight;
    var c3_val = document.getElementById('columnaTres').offsetHeight;

    //id
    var c1_id = document.getElementById('columnaUno');
    var c2_id = document.getElementById('columnaDos');
    var c3_id = document.getElementById('columnaTres');

    var maximo = Math.max(c1_val,c2_val,c3_val);

    if(maximo == c1_val){
    document.write('<style> .columnaDos{ height:  '+maximo+'px; } </style>');
    document.write('<style> .columnaTres{ height:  '+maximo+'px; } </style>')
    }

    if(maximo == c2_val){
    document.write('<style> .columnaUno{ height:  '+maximo+'px; } </style>');
    document.write('<style> .columnaTres{ height:  '+maximo+'px; } </style>')
    }

    if(maximo == c3_val){
    document.write('<style> .columnaDos{ height:  '+maximo+'px; } </style>');
    document.write('<style> .columnaUno{ height:  '+maximo+'px; } </style>');
    }


</script> 
Saludos
__________________
->Aprender es un proceso que incluye el error..