jQuery: Set equal div heights doesn't work in firefox, but..?

Hi all,

i am having an issue setting equal div heights

The following works in IE but not in FF. In maincontent i have a nested div.

Strange thing is when i uncomment the alert, and click the popup the div height is being set in FF??
and it doesn't matter what i put in the alert box.

$(document).ready(function(){

	test = $("#contentarea").height();
	//alert(test);
    if($('#contentarea').height() > $('#quote').height())
    {
        $('#quote').css({
            'height':$('#contentarea').height()
        });
    }
    else if($('#quote').height() > $('#maincontent').height())
    {
        $('#maincontent').css({
            'height':$('#quote').height()
        });
    }
	 
	
});

Code (markup):

any tips?

 

Check this one.

$(document).ready(function(){
  var test = $("#contentarea").height();
		
  if (test > $('#quote').height()) {
    $('#quote').css({ height: $('#contentarea').height() });
  }
	
  else if ($('#quote').height() > $('#maincontent').height()) {
    $('#maincontent').css({ height: $('#quote').height() });
  }
		
  alert(test); // <- print #contentarea height
});

Code (markup):

Do post the result.

enjoy

 

hmm, your tip doesn't work

with FF 3.x
see the sidebar background : http://bldd.nl/problems/index2.html

This one seems to work but i don't want the alert box ofcourse
http://bldd.nl/problems/index-alert.html

No alert box -> not working correctly:
http://bldd.nl/problems/index.html

Any more tips/suggestions?
regards

 

At my side in Firefox 3.0.10 this page is working properly, it is, maintaining equal height for both wrappers.

Other DP members please do check.

 

@bindassdelhiitte, tx for checking it.

But now i don't undestand as i am also using FF 3.0.10, but the sidebar isn't as heigh as the maincontent. Only with the alert box. Could this be caused by certain add-ons? (gonna disabled alll of them now)