jquery> rendere div di altezza uguale

**yag** · 13-10-2009, 20:34

salve

ho un div principale con dentro altri div

tipo

<div>
<div style='float:left'> testo </ div>
<div style='float:left'> testo </ div>
<div style='float:left'> testo </ div>
<div style='float:left'> testo </ div>
<div style='float:left'> testo </ div>
<div style='float:left'> testo </ div>
</div>

con testo variabile vorrei sapere come poter fare per rendere tutti i div dentro questo
tutti della stessa altezza

**br1** · 13-10-2009, 21:51

Solo un'idea, prendila con le pinze

codice:

<script>
function resz() {
est =  document.getElementById("esterno");
adiv = est.getElementsByTagName("div");
 hmax = ""+parseInt(est.scrollHeight)+"px";
 for (var i=0;i<adiv.length;i++) {
	adiv[i].style.height = hmax;
 }
}
</script>
</head>
<BODY onload="resz()">
<div id="esterno">
	<div style="border:1px solid red;width:150px;float:left;">a
b</div>
	<div style="border:1px solid red;width:150px;float:left;">a
b
c
d
e
f
g</div>
	<div style="border:1px solid red;width:150px;float:left;">a
b
c
d</div>
	<div style="border:1px solid red;width:150px;float:left;">a
b
c
d
e
f</div>
</div>

ciao

ps: scusa se ho ignorato l'indicazione nel titolo.

Discussione: jquery> rendere div di altezza uguale

Strumenti discussione

Ricerca discussione

Visualizza

jquery> rendere div di altezza uguale

Permessi di invio