• User Attivo

    Problema con elementi sovrapposti

    In una pagina ho un'animazione racchiusa nel div "animazione", ma cliccando su un certo link l'animazione deve sparire e deve apaprire un'immagine della stessa dimensione.

    Il codice è

    
    <div id="animazione" style="width: 480px; height: 430px;"></div>
    <img src="grafica/foto_ditta.jpg" name="foto_ditta" id="foto_ditta" width=480 height=430 border=0 style="display: none; position: static; top: -430px;">
    
    

    e cliccando su quel link viene eseguito questo codice

    
    document.getElementById("animazione").style.display="none";
    document.getElementById("foto_ditta").style.display="block";
    
    

    Però mentre in explorer è perfetto, in firefox l'immagine appare sotto al div "animazione", come se ignorasse il -430px.


  • User Attivo

    hai provato con "position: absolute; top: -430px" oppure a dargli un margin-top negativo?


  • User Attivo

    Con position absolute mi esce dallo schermo (il sito è al centro dello schermo), con margin-top si comporta esattamente nello stesso modo di prima.