MSIE7 non collassa i div

[pan]

Ho un problema con MSIE7 relativo ad una porzione della pagina che nascondo/visualizzo utilizzando i link "Mostra solo gli eventi in programmazione" e "Visualizza anche gli eventi trascorsi". Il div che nascondo con MSIE7 non collassa e mi manda giù gli eventi programmati che invece dovrei far salire nello spazio precedentemente usato dagli eventi trascorsi.

Di seguito illustro come ho fatto.
Ho scritto i seguenti javascript


<script type="text/javascript">
function hideObject(id) {
document.getElementById(id).style.visibility = "hidden";
document.getElementById(id).style.height="0";
document.getElementById(id).style.fontSize= "0";
}

function showObject(id) {
document.getElementById(id).style.visibility = "visible";
document.getElementById(id).style.height="";
document.getElementById(id).style.fontSize= "";
}

function showPastEvents() {
showObject('eventiPassati');
hideObject('butShow');
showObject('butHide');
}

function hidePastEvents() {
hideObject('eventiPassati');
showObject('butShow');
hideObject('butHide');
}


window.onload=function(){
if(document.getElementsByTagName && document.getElementById){
hidePastEvents();
}
}
</script>

Gli eventi passati sono racchiusi nel <div id="eventiPassati"> mentre gli altri eventi che visualizzo sempre sono racchiusi nel <div id="eventiProgrammati">

nella pagina ho agganciato ai link il seguento codice html

<div id="butHide">
Mostra solo gli eventi in programmazione
</div>
<div id="butShow">
Visualizza anche gli eventi trascorsi
</div>

i link si alternano in base allo stato della pagina.

[Xinod]

ma perche' non setti il display, come si fa in genere, piuttosto che la visibility?

[nourdine]

e poi e'

document.getElementById(id).style.height="0px";

[Xinod]

che poi potrebbe occupare ugualmente spazio perche' settare un elemento a height="0px" puo' risultare nel mostrarlo tutto
ma appunto, non capisco perche' fare una cosa del genere quando c'e' uno strumento apposito

[nourdine]

Originariamente inviato da Xinod
che poi potrebbe occupare ugualmente spazio perche' settare un elemento a height="0px" puo' risultare nel mostrarlo tutto
ma appunto, non capisco perche' fare una cosa del genere quando c'e' uno strumento apposito

cioè: display = "none"

[pan]

avevo provato il display=none tempo fa, ma avevo avuto dei problemi. probabilmente lo usavo erroneamente. adesso ho sistemato grazie al vostro prezioso aiuto.

[nourdine]

bene!