/* 
 El pie lo vamos a colocar con posicionamiento relativo. 
 Lo que hacemos es comparar la altura del div pagina y del div izquierda, que contiene el 
 menu izquierdo. El div izquierda esta dentro del div pagina, pero flota, por lo que
 no afecta a la altura de dicho div.
 Lo que hacemos es comparar la altura maxima alcanzada por el div pagina y por el div izquierda
 (que es la altura de dicho div + la altura de la cabecera + 50px de margin)
 Si el alto del div pagina es mayor que el de la columna izquierda, no hay que hacer nada, el
 pie ya sale bien colocado. Si no es asi, hay que anadir la diferencia entre ambos como top para
 el posicionamiento.
*/

function adecuarAlturas() {
    
    var alturaTodo, alturaIzq, altura
    
    //altura del div pagina
    alturaTodo = $('pagina').getDimensions().height;
    alturaIzq = ($('izquierda').getDimensions().height) + 50 + ($('izquierda').getDimensions().height);
    
    if (alturaTodo < alturaIzq)
      //asignamos el top al pie
      $('pie').style.top = alturaIzq - alturaTodo + 'px';

    return false;
    
}