Aumentare altezza in due div

[scudobravo]

Salve a tutti/e,

ho due div con altezza minima di 50px; vorrei creare una funzione che se il testo in un div aumenta (dunque anche la sua altezza), aumenti anche l'altezza dell'altro, in modo che risultino sempre alti uguali. Come faccio?

Non so molto di javascript ma ho scritto questo:

			function adjHeight) {
			var height = document.getElementById('bottom_box_sx').style.height;
			height = parseInt(height.substring(0, height.length - 2));
			if(height > 50) ..... }
			}

Aiuto!

[br1]

Sei sicuro che non basti dare ad entrambi altezza 100% e metterli dento un'altro div?

Forse e' piu' semplice che usare il javascript

[scudobravo]

Il problema nasce ahimè da iE6, che non supporta il min-height.
Ho cercato di modificare lo script ma necessito aiuto:

function adjHeight() {
var altezza1 = document.getElementById('bottom_box_sx').style.offsetheight;
var altezza2 = document.getElementById('bottom_box_dx').style.offsetheight;
if (altezza1.offsetheight > 50) {
altezza1.style.height = (altezza1.offsetheight + 20) + "px";
altezza2.style.height = (altezza2.offsetheight + 20) + "px";
      } 
}

E' sensato?

[scudobravo]

Sto cercando di migliorarlo ancora:

 function adjHeight()
    {

        if (document.getElementById('bottom_box_sx'))
        {
            heightContent = document.getElementById('bottom_box_sx').offsetHeight;
        }

        if (document.getElementById('bottom_box_dx'))
        {		
            document.getElementById('bottom_box_dx').setAttribute('height', heightContent + 'px');
        }
    }

Un aiutino??

[scudobravo]

Sto risolvendo così:

 function adjHeight()
    {

        // Get biggest column height by checking left, middle and right column
        if (document.getElementById('bottom_box_sx'))
        {
            heightContent = document.getElementById('bottom_box_sx').offsetHeight;
        }

        // Is there an element with the ID "div_footer"?
        if (document.getElementById('bottom_box_dx'))
        {		
            document.getElementById("bottom_box_dx").style.height=('height', heightContent + 'px');
        }
    }

Ma mentre su iE7 i div si vedono uguali in altezza, in Firefox no.... perchè?
Continuo a sperare in un vostro aiutino

[Nerlaleph]

concordo con br1, mi sa che è più semplice (e anche meglio) la soluzione via css.
comunque, hai controllato che FF intepreti in modo uguale a IE offsetHeight (ipotizzo, sinceramente uso una libreria e ste problematiche non le affronto da millenni)?
e poi scusa, ma non è così che si setta l'altezza:

 document.getElementById("bottom_box_dx").style.height= heightContent + 'px';

leggo su W3School (http://www.w3schools.com/jsref/dom_obj_style.asp):

Syntax for using the Style object properties:
document.getElementById("id").style.property="value"

[scudobravo]

Ok, è molto complicato da spiegare, ma non si può mettere con i css, sarebbe stato ottimo.

Ho risolto aggiungendo 10px se il browser è Firefox.

Grazie a tutti, ciauz: