ridimensionare DIV

[ultimateshadow]

salve a tutti
premetto che non sapevo se scrivere qui o nella sezione CSS ma forse qui è più appropriato

voglio fare questo: ho 2 div di altezza variabile e voglio che se un div è più alto dell'altro uno script javascript imponga l'altezza del div più basso uguale a quella del div più alto


ho scritto questo codice e l'ho messo nell'head tag della pagina ma non funziona...

	var cnt=document.getElementById('cnt').style.height;
	var usr=document.getElementById('usr').style.height;
	if(usr>cnt) {
		cnt=usr+2;
	}

un aiutino!? :P

[ant_alt]

che intendi per altezza variabile?
che varia via javascript?che varia al ridimensionamento della finestra?

e che vuol dire quel +2?


cmq per far funzionare il tuo codice nell'if va:

document.getElementById('usr').style.height=document.getElementById('cnt').style.height

[ultimateshadow]

aspetta ti spiego

un div contiene dei messaggi stampati con uno script php e letti dal database di conseguenza a seconda di quanti messaggi ci sono al caricamento della pagina questo div (che è il cnt) avrà dimensioni diverse. io voglio che se questo div risulta essere più piccolo del div 'usr' il cnt diventi alto come l'usr + 2 pixel (o se non si può fare + 2 amen lo farò alto uguale non è importante).

il tuo script l'ho capito e hai ragione ma non funziona lo stesso....
ma ci deve essere un errore di sintassi perchè se metto un alert("Ciao"); come primo comando me lo esegue mentre se metto

alert("usr: "+document.getElementById('usr').style.height+" cnt: "+document.getElementById('cnt').style.height);

non me lo esegue....

[ultimateshadow]

qualcuno mi sa dire perchè var u=document.getElementById("usr").style.height; mi imposta u come variabile vuota?

(usr è un div e l'id è giusto!)

[saltodifondi]

perchè l'oggetto "cnt" non hai settata l'altezza nello style.

per prendere le dimensioni reali di un oggetto devi usare "offsetHeight"

quindi:

document.getElementById('usr').style.height=document.getElementById('cnt').offsetHeight + "px" ;

analogamente per la alrghezza dovrai usare offsetWidth.

offsetWidth e offsetHeight sono proprietà dell'oggetto, non dello style, quindi non possono essere modificate direttamente possono essere sotanto lette.

[ultimateshadow]

Originariamente inviato da saltodifondi
perchè l'oggetto "cnt" non hai settata l'altezza nello style.

per prendere le dimensioni reali di un oggetto devi usare "offsetHeight"

quindi:

document.getElementById('usr').style.height=document.getElementById('cnt').offsetHeight + "px" ;

analogamente per la alrghezza dovrai usare offsetWidth.

offsetWidth e offsetHeight sono proprietà dell'oggetto, non dello style, quindi non possono essere modificate direttamente possono essere sotanto lette.

semplicemente geniale
grazie mille mi hai risolto un bel problema!!