clientHeight efter indhold er blevet manipuleret

Hej

Jeg har et rimeligt spøjst problem...

Jeg har en side, der onload sørger for at tildele en div en bestemt højde. Dette fungerer fint.

Hvis jeg så, når siden er loadet, manipulerer elementer, der ligger inde i den div, der har fået tildelt en højde, så ændrer clientHeight på div'en sig ikke. Jeg kan fx. manipulere div'ens font-størrelse...

Det resulterer i, man ikke kan se hele indholdet af div'en, når jeg har manipuleret den...

mit setup:
function setFontSize(iAction){
    var oC2_column2 = document.getElementById("c2_column2");
    if (oC2_column2) {
        iPSize = iPSize + 1;
        var aEl = oC2_column2.getElementsByTagName("*");
        for(var i=0; i<aEl.length; i++){
            switch (aEl[i].nodeName) {
                case "P":
                    aEl[i].style.fontSize = iPSize + "px";
                    aEl[i].style.lineHeight = iPHeight + "px";
                break;
            }
        }
    }
    // calculate columns again
    setHeightOfContent();
}

function setHeightOfContent() {
    var oColContainer1 = document.getElementById("c1_container");
    var iHeight = 0;
    if (oColContainer1){
        var oCol1_1 = document.getElementById("c1_column1");
        var oCol1_2 = document.getElementById("c1_column2");
        var oCol1_3 = document.getElementById("c1_column3");
        iHeight = Math.max(Math.max(oCol1_1.clientHeight,oCol1_2.clientHeight),oCol1_3.clientHeight);
        oColContainer1.style.height = iHeight + "px";
        oCol1_1.style.height = iHeight + "px";
        oCol1_2.style.height = iHeight + "px";
        oCol1_3.style.height = iHeight + "px";
    }
}


setHeightOfContent kaldes ligeledes onload....

Hvorfor ændrer clientHeight sig ikke?

#Mailand