jQuery Equal Height Elements Plugin

October 30, 2008

Javascript

Equal Height är en plug-in som göra alla matchande element lika höga genom att anpassa sina min-height egenskaper. Den tar även hänsyn till padding och border. Denna plugin fungerar tyvärr inte för IE6 då den inte har stöd för min-height.

För att göra elementen #content och #sub-content lika höga skriver man helt enkelt:
$(‘#content, #sub-content’).equalHeight();
Kör helst equalHeight() på window.onload istället för $(document).ready() eftersom då har alla bilder som eventuellt töjjer ut elementet laddats klart.

För att kunna köra denna plugin behöver du jQuery.

jQuery: http://jquery.com/
Ladda ner plugin: jQuery Equal Height
Demo: http://www.filamentgroup.com/examples/equalHeights/