title: 100% page height using JS not working on certain pages
body: <p>I've got a strange problem where the middle section of some of the pages aren't stretching to 100% page height, wihch results in there not being the full left hand border.</p>
  
  <p>Here for example (please click on the 'Brentwood' link and go to 'Login' on the top menu) <a href="https://www.inside-guides.co.uk/advertiseradmin/default.asp" rel="nofollow">https://www.inside-guides.co.uk/advertiseradmin/default.asp</a>?.</p>
  
  <p>Whereas the 'Contact' page is fine (again via the 'Brentwood' site): <a href="https://www.inside-guides.co.uk/feedback.asp" rel="nofollow">https://www.inside-guides.co.uk/feedback.asp</a>.</p>
  
  <p>They both use the same template using javascript and CSS, but when I look in the code inspector it gives full page height values for the #left-nav and #middle on the 'Contact'page which works.</p>
  
  <p>The javascript is to make each column the same height = i.e. to the top of the footer, but it doesn't work on the Login page.</p>
  
  <p>I really can't understand why so any help perhaps using a code inspector would be very much appreciated.</p>
  
  <p>JS code placed in the head.css on each page:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  matchColumns=function(){ 
       var divs,contDivs,maxHeight,divHeight,d; 
       divs=document.getElementsByTagName('div'); 
       contDivs=[]; 
       maxHeight=0;  
       for(var i=0;i&lt;divs.length;i++){  
            // make collection with &lt;div&gt; elements with class attribute "equal"
            if(/\bequal\b/.test(divs[i].className)){ 
                  d=divs[i]; 
                  contDivs[contDivs.length]=d;  
                  if(d.offsetHeight){ 
                       divHeight=d.offsetHeight;                  
                  } 
                  else if(d.style.pixelHeight){ 
                       divHeight=d.style.pixelHeight;                  
                  } 
                  maxHeight=Math.max(maxHeight,divHeight); 
            } 
       } 
       for(var i=0;i&lt;contDivs.length;i++){ 
            contDivs[i].style.height=maxHeight + "px"; 
       } 
  }  
  window.onload=function(){ 
       if(document.getElementsByTagName){ 
            matchColumns();            
       } 
  } 
  &lt;/script&gt;
  </code></pre>
  
  <p>Login page code where the 100% JS page height isn't working:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;!--#include virtual="/System/Startup_FranchiseClient.asp"--&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;%
  EnsurePageIsHTTPS
  If IsFranchiseClientLoggedIn = True then
  Response.Redirect GetAdvertiserAdminHomePage
  End if
  %&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
  &lt;title&gt;Inside-Guides.co.uk - Advertiser Login&lt;/title&gt;
  &lt;!--#include virtual="/Assets/Templates/Public/Franchise/HeadCSS.asp"--&gt;
  &lt;script type="text/javascript" src="/js/common.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/js/jquery-1.2.6.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/js/jquery.cycle.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body class="login" onload="javascript:document.getElementById('strUsername').focus();"&gt;
  &lt;!--#include virtual="/Assets/Templates/Public/Franchise/TemplateStart_https.asp"--&gt;
  &lt;div class="content clearfix"&gt;
  &lt;div id="form" class="form"&gt;
  &lt;h1&gt;Advertiser Login&lt;/h1&gt;
  &lt;p&gt;Welcome to the advertiser area.  Please enter your login details below:&lt;/p&gt;
  &lt;span class="ErrorText"&gt;&lt;% = strSecurity_LoginError %&gt;&lt;/span&gt;
  &lt;form id="form" name="LoginForm" method="post" action="Default.asp"&gt;
  &lt;input type="hidden" name="ValidateLogin" value="1" /&gt;
  &lt;label&gt;Email
  &lt;span class="small"&gt;Email used to register&lt;/span&gt;
  &lt;/label&gt;
  &lt;input type="text" id="strUsername" name="strUsername" value="" /&gt;
  &lt;br /&gt;
  &lt;label&gt;Password
  &lt;span class="small"&gt;Password used to register&lt;/span&gt;
  &lt;/label&gt;
  &lt;input type="password" name="strPassword" value="" /&gt;
  &lt;button type="submit"&gt;Log-in&lt;/button&gt;
  &lt;div class="spacer"&gt;&lt;/div&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;p&gt; * If you have forgotten your password, please &lt;a href="ForgotPassword.asp"&gt;click here&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;!--#include virtual="/Assets/Templates/Public/Franchise/TemplateEnd.asp"--&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  &lt;!--#include virtual="/System/Shutdown.asp"--&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#middle {padding-top:7px;float:left;width:60%;border-right:1px solid #edeaec;border-left:1px solid #ede9e8;}
  #middle.dir {width:78.5%;border-right:0;}
  </code></pre>
  
  <p>Many thanks.</p>