- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Un <div> dietro l'altro
-
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 farloCome si può fare?
Grazie
-
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>