• User

    Un <div> dietro l'altro

    Ciao a tutti
    Ho 2 <div>
    Il primo è position:absolute e contiene una <table>dinamica per cui cambia la sua latezza dinamicamente in base al contenuto
    Il secondo <div> dovrebbe essere posizionato immediatamente dopo il primo ma siccome il primo è position;absolute il secondo viene positionato all'inizio della pagina sotto o sopra al primo.
    Pensavo di calcolare l'altezza istananea del primo per poi positionale anche il secondo position:absolute col il top:altezza del primo ma non riesco a farlo

    Come si può fare?
    Grazie


  • User

    Se interessa l'ho risolto così

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <style type="text/css">
    #mydiv {height:auto;color:red}
    </style>
    </HEAD>

    <BODY>
    <div id="mydiv" style="position:absolute;top:100px">
    primo divprimo divprimo divprimo divprimo div<br>primo divprimo divprimo divprimo divprimo divprimo divprimo divprimo divprimo divprimo div primo divprimo divprimo divprimo divprimo div<br>primo divprimo divprimo divprimo divprimo divprimo divprimo divprimo divprimo divprimo div primo divprimo divprimo divprimo divprimo div<br>primo divprimo divprimo divprimo divprimo divprimo divprimo divprimo divprimo divprimo div primo divprimo divprimo divprimo divprimo div<br>primo divprimo divprimo divprimo divprimo divprimo divprimo divprimo divprimo divprimo div primo divprimo divprimo divprimo divprimo div<br>primo divprimo divprimo divprimo divprimo divprimo divprimo divprimo divprimo divprimo div
    </div>
    <div id="due" style="position:absolute;">
    secondo div secondo div secondo div<br> secondo div secondo div secondo div<br> secondo div secondo div secondo div<br> secondo div secondo div secondo di secondo div secondo div secondo div<br> secondo div secondo div secondo div<br> secondo div secondo div secondo div<br> secondo div secondo div secondo di secondo div secondo div secondo div<br> secondo div secondo div secondo div<br> secondo div secondo div secondo div<br> secondo div secondo div secondo div<br>
    </div>
    <script type="text/javascript">
    var w=document.getElementById("mydiv").offsetHeight;
    alert("l'altezza del primo div è: "+w);
    var t=document.getElementById("due").style.top=w+120;

    </script>

    </BODY>
    </HTML>