I am creating a site that have javascript that allows two columns or any number of columns to keep the same height no matter the content of each column.
I placed the javascript at the mysite/javascript directory as the documentation stated. Since these two scripts are used in the site I make the following entry in mysite/code/Page.php:
Requirements::javascript('mysite/javascript/jquery.brenelz.equalHeight.js');
Requirements::javascript('mysite/javascript/jquery-1.2.6.pack.js');
Requirements::customScript("$(function(){
$('.column').equalHeight();
});");
However when the site is previewed or uploaded by the browser it display the javascripts at the bottom of the page instead between the <header> tag, just before </body></html>tags. And also the column of the left has a background color and has less content than the right column...in a standard environment using the layout created for this site (regular HTML page) the background color is displayed with the same height of the column that does not have color. But in the stilverstripe page I notice checking the that the background color does not show all the way down and the javascripts are put at the bottom of the page instead in between the header on top and that is why my script does not work.
Please let me know what I am doing wrong?