JQuery div.die Höhe ist falsch in Chrom, alle divs die gleiche Höhe

Benutzt habe ich den folgenden code auf eine gleiche Höhe für rightpos, leftpos und middlepos divs:

<script>

    jQuery.noConflict();
    jQuery(document).ready(function($){

        //Find the greatest height:
        maxHeight = Math.max($('#rightpos').height(), $('#middlepos').height());
        maxHeight = Math.max(maxHeight, $('#leftpos').height());

        //Set height:
        $('#rightpos').height(maxHeight);
        $('#middlepos').height(maxHeight);
        $('#leftpos').height(maxHeight);

    })
</script>

Bestimmung der höchsten div mit diesem Weg für die Hauptseite http://yaskawa.ir/ funktioniert gut in Firefox, aber hat Probleme mit Chrome.

---

UPDATE 1 nach Sparky672's Antwort:

Kann ich sehen, dass mit diesem code die alert('test here'); am Ende nicht funktioniert.

<script>
    jQuery.noConflict();
    //jQuery(document).ready(function($){});

    jQuery(window).load(function($){

        //Find the greatest height:
        maxHeight = Math.max($('#rightpos').height(), $('#middlepos').height());
        maxHeight = Math.max(maxHeight, $('#leftpos').height());

        //Set height:
        $('#rightpos').height(maxHeight);
        $('#middlepos').height(maxHeight);
        $('#leftpos').height(maxHeight);

        alert('test here');
    })
</script>

InformationsquelleAutor Mohammad Naji | 2012-12-12