Hiding a <DIV> element

And reclaiming the space it took

[Zaphod Beeblebrox]

I did some Javascript hiding of a DIV element a few days ago, but when I hid it, the space it took up when it was visible was still taken up.

The construct is a DIV element with a table enclosed. Everything becomes invisible, but I'd like the elements below the DIV to move up the page...

Any suggestions?

[dcrombie]

AFAIK, the behaviour in this situation is "undefined" in CSS. The documentation states that different user-agents may behave differently in these cases (they refer to changing the widths of elements but I think it still applies to your case).

[Zaphod Beeblebrox]

Bugger. Thanks anyway! ;)

[Birdman]

Are you using the visibility or display property to hide the div? I may be wrong, but I think using display: none; will take the element and the space out of the document. Worth a try, I guess.

[Zaphod Beeblebrox]

I'll try, I was using display.visibility=hidden...

[BlobFisk]

As birdman suggested, use display:none;

In a DOM1 environment, you could use a function like:

function showLayer(layerID) {
document.getElementById(layerID).style.display='block';
}

function hideLayer(layerID) {
document.getElementById(layerID).style.display='none';
}

HTH