Jquery Equal Height

Tags:    jquery html

Jeg har en div som jeg gerne hvis have samme højde som en anden.
FX:
Fold kodeboks ind/udPHP kode 

Hvordan får jeg .same_height til at være det samme som .Height ?




6 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 13 karma
Sorter efter stemmer Sorter efter dato
Her er versionen i jquery :).

Fold kodeboks ind/udJScript kode 




Med CSS sætter du højden på begge to.

Fold kodeboks ind/udCSS kode 




Ikke for sjov jeg skriver jquery.
.Height er ikke altid dem samme højde.



Lige hvad jeg havde brug for tak :)



I jQuery kan du også bare bruge height().
Ikke lige testet men noget ala:

$(".height").height( $(".same_height").height() )

Lige en kommentar. Per konvension bør alle class navne være med småt!



Man kan jo også antage at .same_height er højere end .height. Desuden kan billederne være længere tid om at loade.

dvs (ikke testet)

function() setHeight()
{

var height = Math.max($(".same_height").height(), $(".height").height());
$(".same_height, .height").css("min-height", height + "px");
}

$("img").load(function(){setHeight();})

$(document).ready(function(){setHeight();})

/J



t