codice:<script> function eguaglia(n){ alert('RILEVATI dal DIV ID="D' + n + '" :\n' + '\n style.height = ' + document.getElementById("D" + n).style.height + '\n offsetHeight = ' + document.getElementById("D" + n).offsetHeight ); document.getElementById("D0").style.height=document.getElementById("D" + n).offsetHeight + "px"; } </script> <style> div{width: 200px; float: left; margin: 8px; border: 1px dashed red} </style> <div id="D1"><input value="Eguaglia a questo" onclick="eguaglia(1);" type="button"><br> Questo DIV cresce in altezza seguendo il contenuto.<br> <br> Il Valore può essere rilevato (numerico puro) solo con<tt> offsetHeight </tt>cui andrà aggiunto <tt> px </tt>.<br> <br>bla bla<br>bla bla<br>bla bla<br>bla bla </div> <div id="D2" style="height: 380px"><input value="Eguaglia a questo" onclick="eguaglia(2);" type="button"><br> Questo DIV è di altezza fissa in pixel assegnatagli dallo STYLE (uso dell' inline-style).<br> <br> Il Valore può essere rilevato sia con<tt> offsetHeight </tt> che con<tt> style.height </tt> già inclusivo del suffisso<tt> px </tt>o<tt> % </tt> </div> <div id="D0">Questo DIV lo vogliamo eguagliare agli altri in altezza.</div>

Rispondi quotando
