visibilita div

[Serigel]

ciao a tutti, utilizzo ajax e quando faccio "comparire" un`immagine di caricamento con document.getElementById('loading').innerHTML = "[img]images/loader.gif[/img]"; in IE una volta finito il caricamento rimane il div vuoto e visibile (senza nulla poiche' tolgo il contenuto una volta finito di caricare ajax) stonando un po la grafica, in firefox invece funziona correttamente e il div una volta vuoto non occupa "spazio" nella pagina, c`e` qualche soluzione per ie? ho anche provato document.getElementById('loading').style.visibilit y = 'hidden'; senza risultato..
grazie in anticipo

[pierofix]

Potresti fare così:

CSS
.nascosto
{
   position:absolute; top:-100px;
   width:1px; height:1px;
   overflow:hidden;
}


Javascript
document.getElementById('loading').className = 'nascosto'

[Serigel]

ciao pierofix, grazie per la risposta, il tuo metodo funziona piu` o meno correttamente, mi sembra che non funzioni piu` dopo la prima volta, possibile?

[pierofix]

Forse perchè devi creare due classi CSS: una per quando il box deve essere visibile e una per quando non lo è. Quando inizializzi lo script AJAX attribuisci al box la prima, quando devi nascondere la gif la seconda.

Se vuoi possiamo provare a reimpostare tutto il meccanismo usando in maniera appropriata il DOM, il coppia con CSS, così da sfruttare le varie tecnologie esclusivamente per il loro scopo.

[Serigel]

funziona!!
grazie di tutto pierofix

[pierofix]

Ok.