jimmynotjim · May 25, 2012 00:47 · jimmynotjim · May 29, 2012
diff --git a/readme b/readme
 Simple jQuery script to set a sidebar to always span the height of a page. Required when the sidebar has a background, borders, or shadows. #main is the container for both the sidebar and content and can be replaced w/ any other element. It's important to use min-height, in case your sidebar has moving/changing elements that could resize it larger than the main content (or just happens to be larger than the main content).
diff --git a/script.js b/script.js
 // Set #sidebar's min-height equal to height of #main element
 //--------------------------------------------------------
 function equalHeight() {
 	$('#sidebar').css( 'min-height', $('#main').height() );
 }

 // Runs the script when the page loads
 //--------------------------------------------------------
 equalHeight();

 // Added a resize event to #main that fires the script anytime the container is resized
 //--------------------------------------------------------
 $('#main').resize(function() {
 	equalHeight();
 });
	// Set #sidebar's min-height equal to height of #main element
	//--------------------------------------------------------
	function equalHeight() {
	$('#sidebar').css( 'min-height', $('#main').height() );
	}

	// Runs the script when the page loads
	//--------------------------------------------------------
	equalHeight();

	// Added a resize event to #main that fires the script anytime the container is resized
	//--------------------------------------------------------
	$('#main').resize(function() {
	equalHeight();
	});