PDA

View Full Version : JS Navigation Moving My Footer



tflavin
12 Apr 2010, 05:22 PM
In IE6, please view this page: http://ist4pos.com/pos_solutions/gemini.html

For some reason, the footer moves around on its own. The sticky footer does one of three things. It either sticks properly, it cuts the page off at the fold, or it sticks to the bottom of the page but with several inches of white space underneath. If you refresh the page if will change from one to another. If you click around the site, other pages do this as well, so long as they are long enough to push the page past the fold. Some pages do all three, some don't do any.

Most of the time, hovering over the side navigation will make the footer go back into place at the end of the page. And hovering over the top navigation will bring it back up into the middle of the page again.

My navigation is from a nav-building program from Ajatix that is mostly CSS. I'm using server side includes to call the nav structure.

Is this a Javascript problem? I've tried everything in CSS I can think of and I have no idea what else I can do.

Thanks!





<?xml version="1.0" encoding="utf-8"?>
<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Gemini updates PAR's venerable POS4XP hardware system with a more economical model that is one of the most durable and reliable POS systems in the world." />
<title>IST | PAR Gemini Point-of-Sale Terminal</title>
<link href="../innerpage.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script><!-- rollover javascript -->

<link rel="stylesheet" href="../ajxmenu.css" type="text/css" />
<script src="../ajxmenu.js" type="text/javascript"></script>

<link rel="stylesheet" href="../ajxmenu_side.css" type="text/css" />
<script src="../ajxmenu_side.js" type="text/javascript"></script>
</head><body onload="MM_preloadImages('../images/blog_sm2.jpg','../images/contact_sm2.jpg')">


<div id="outerDiv">

<div id="header">
<img src="../images/logo-file.gif" width="400" height="95" border="0" usemap="#Map" class="fltleft" />
<map name="Map" id="Map">
<area shape="rect" coords="0,10,318,95" href="http://www.ist4pos.com" target="_self" alt="Homepage" />
</map>

<!--#include virtual="../includes/header.html"-->

</div><!-- Headers -->

<div id="navPlace">
<div class="AJXCSSMenueDFaTFD"><!-- AJXFILE:ajxmenu.css -->
<div class="ajxmw1">
<div class="ajxmw2">

<!--#include virtual="../includes/nav.html"-->

</div>
</div>
<br />
</div> <!-- navigation 3 close -->
</div> <!-- navigation placeholder -->

<div id="centralPlace">
<img src="../images/qssolution_banner.jpg" width="900" height="135" />
</div> <!-- main image placeholder -->

<div id="topDivider">
<img src="../images/pos_sol_subhead.gif" width="900" height="36" />
</div> <!-- navigation placeholder -->

<div id="threeColumns">

<div id="leftColumn"><div class="AJXCSSMenuCSWaNMA"><!-- AJXFILE:ajxmenu_side.css -->

<div><img src="../images/spacer.jpg" width="1" height="1" /></div>

<!--#include virtual="../includes/quickservice_pos.html"-->

<br />
</div>
</div> <!-- left column -->

<div id="middleColumn">
<h1>PAR Gemini™ Point-of-Sale System</h1>
<h2>An Economical System with Surprising Power for the Price.</h2>
<h3><img src="../images/pos_solutions/gemini.jpg" alt="Gemini Terminal" width="141" height="156" class="fltrt" />Feature-Rich Durability </h3>
<p><em>Count on years of reliable performance. </em>Gemini updates PAR's venerable POS4XP hardware system with a more economical model that is one of the most durable and reliable POS systems in the world. Feature-rich with an open architecture that will support changing software systems, Gemini is compatible with a variety of peripherals, including two cash drawers, kitchen video interface, and independent second video. An exceptional performer at an excellent price point.</p>
<h3>Hardware Benefits</h3>
<p><strong>Touch Screen:</strong> Choose between a 12” or 15” LCD, resistive or capacitive, active-matrix touch screen.</p>
<p><strong>Durable:</strong> Restaurant hardened construction that can handle the rigors of any industry.</p>
<p><strong>Reliable:</strong> Heavy duty construction with a spill resistant design, cool operation, minimized cables, validating design margin, comprehensive field testing, proactive monitoring/reporting, and a proven track record.</p>
<p><strong>Robust:</strong> Supports dual cash drawer, independent second video, and a variety of other peripherals.</p>
<p><strong>Options:</strong> Up-sell or display order information with an available 2 X 20 LCD integrated customer display.* Increase payment speed with a ParTech Crew 2 or 3 track magnetic strip reader.* Also available : external USB floppy drive and optional Mini-PCI cards (battery and wireless).* </p>
<h3>A Model For Every Need</h3>
<h4><a href="gemini_specs.html" class="trad">Gemini</a>
</h4>
<p>We understand that you need a POS system that will do the job. Gemini allows you to minimize your technology investment. Get the engineering that the industry has come to expect from PAR for an exceptional price with Gemini. </p>
<h4><a href="gemini_xp_specs.html" class="trad">Gemini XP</a>
</h4>
<p>Your enterprise is sure to see a rapid return on investment with Gemini XP’s increased processing power and expanded customer display. </p>
<p>&nbsp;</p>
</div> <!-- middle column -->

<div id="rightColumn">
<div id="partner"><img src="../images/logos/PAR_logo.jpg" width="180" height="56" alt="PAR Logo" /></div> <!--end partner-->

<img src="../images/blogline_sm.jpg" width="176" height="1" />

<div id="blog">
<a href="http://www.ist4pos.com/blog" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Blog Link','','../images/blog_sm2.jpg',1)"><img src="../images/blog_sm1.jpg" alt="Blog Link" name="Blog Link" width="176" height="37" border="0" id="Blog Link" /></a>
</div> <!-- end blog -->

<img src="../images/blogline_sm.jpg" width="176" height="1" />

<div id="contact">
<a href="../contact_form.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Request Contact','','../images/contact_sm2.jpg',1)"><img src="../images/contact_sm1.jpg" alt="Request Contact" name="Request Contact" width="176" height="37" border="0" id="Request Contact" /></a>
</div><!-- requests contact -->

<img src="../images/blogline_sm.jpg" width="176" height="1" />

<div id="social"> <a href="http://www.ist4pos.com/blog"><img src="../images/sm_wordpress.jpg" border="0" width="25" height="25" alt="WordPress" /></a>
<a href="http://www.facebook.com/pages/Prairie-Village-KS/Installation-Service-Technologies-Inc/308741345787?ref=mf"><img src="../images/sm_facebook.jpg" width="25" height="25" border="0" alt="Facebook" /></a>
<a href="http://twitter.com/ist4pos"><img src="../images/sm_twitter.jpg" width="25" height="25" border="0" alt="Twitter" /></a>
<a href="http://www.linkedin.com/companies/580228"><img src="../images/sm_linkedin.jpg" width="25" height="25" border="0" alt="LinkedIn" /></a></div><!-- social buttons -->

</div><!-- right column -->

</div> <!-- three columns -->

</div> <!-- outer div -->

<div id="footer">
<!--#include virtual="../includes/footer.html"-->
</div> <!-- outerdiv -->

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10813305-2");
pageTracker._trackPageview();
} catch(err) {}</script>

</body>

</html>