div hidden che lascia spazio

[Sonikag]

ho una serie di div csì:

<div id="desc1">1</div>
<div id="desc2">2</div>
<div id="desc3">3</div>

lo stile è:

#desc1{
visibility:hidden;
font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;;
color: #fff;
text-align: center;
}

in visualizzazione sono sì nascosti ma occupano il loro spazio, come posso far perchè siano veramente nascosti e non visibili?
oppure se esistono mi vanno bene alternative csseose in modo che non occupino spazio...

[Mich_]

display: none;

[pierofix]

Esatto. Devi utilizzare display:none; al posto di visibility:hidden;. Questa risorsa la conoscevi già?

- http://htmldog.com/reference/cssproperties/

La trovo davvero utilissima.

[darkmavis]

Detto in parole povere
Visibility: hidden; nasconde l'oggetto, ma lo spazio occupato dall'oggetto rimane visibile
display: none; nasconde l'oggetto, e viene nascosto anche lo spazio occupato dell'oggetto.