Of course, no problem, and many thanks for the reply:
here is the call to the chunk: [[$head]]
and this is the chunk:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[[++site_name]] | [[*pagetitle]]</title>
<meta http-equiv="Content-Type" content="text/html; charset=[[++modx_charset]]" />
<meta name="keywords" content="[[*metaKeywords]]" />
<meta name="description" content="[[*metaDescription]]" />
<base href="[[++site_url]]"></base>
<script src="assets/templates/arclight/script/jquery.js" type="text/javascript"></script>
<script src="assets/templates/arclight/script/equalHeights.js" type="text/javascript"></script>
<script src="assets/templates/arclight/script/menu.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".col").equalHeights();
});
</script>
<link href="assets/templates/arclight/stylesheets/styles.css" rel="stylesheet" type="text/css" />
</head>
I should add that the script is supposed to execute when the page has been rendered - and the javascript calculates the height of the columns depending on the tallest column (obviously). It seems that for whatever reason its mis-firing as the page loads - when it goes wrong, a scrollbar appears on (usually) the middle column. So it seems to be calculating the length of the middle column against the left and right columns (the left and right columns are normally a fairly consistent height) and miscalculating it. If the page is refreshed, the scrollbar dissappears and it works fine.
All the columns are called in their own chunks also.
No errors reported in the javascript console in either circumstance.
Here’s a link to the eualHeights plugin:
http://www.cssnewbie.com/equalheights-jquery-plugin/
- however I should add neither should have any direct affect on the issue