hermetek
02-20-2008, 03:09 AM
I'm trying to integrate ModernBill into my website to replace our current (simple) order form. I'm having a few issues with the header.tpl and footer.tpl's causing what looks to be overlapping <div>s on the cart.php page.
Here is the code of header.tpl:
<!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" xml:lang="{$htmlLang}" lang="{$htmlLang}" dir="{$smarty.const.TRANS_TEXTDIRECTION}">
<head>
{assignFor var="companyInfo" source="companies" companyID=1}
<title>{$companyInfo.0.companyName}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="{$cssDirectory}/shoppingstyle.css" />
<script language="javaScript" type="text/javascript" charset="utf-8" src="{$jsDirectory}/scriptaculous/lib/prototype.js"></script>
<script language="javaScript" type="text/javascript" charset="utf-8" src="{$jsDirectory}/scriptaculous/src/scriptaculous.js"></script>
<script language="javaScript" type="text/javascript" src="{$jsDirectory}/toggle.js" charset="utf-8"></script>
<script language="javaScript" type="text/javascript" src="{$jsDirectory}/pushpull.js" charset="utf-8"></script>
<script language="javaScript" type="text/javascript" src="{$jsDirectory}/main.js" charset="utf-8"></script>
<script language="javaScript" type="text/javascript" src="{$jsDirectory}/../ajax/core/ajax.inc.js" charset="utf-8"></script>
<script language="javaScript" type="text/javascript" src="/includes/js/shadedborder.js" charset="utf-8"></script>
{literal}
<script type="text/javascript">
var container = RUZEE.ShadedBorder.create({ corner:6, shadow: 0, border: 1 });
var border = RUZEE.ShadedBorder.create({ corner:6, shadow: 0, border: 1 });
</script>
{/literal}
</head>
<body>
<center style="height: 100%;">
<div id="container" class="clearfix sb">
<div class="header">
<img src="/images/logo.png" alt="HermeTek Network Solutions">
</div>
<div class="navi">
<img src="/images/spacer.gif" alt="">
<a href="http://www.hermetek.com/index.php" class="head">home</a> /
<a href="http://www.hermetek.com/difference.php" class="head">difference</a> /
<a href="http://www.hermetek.com/dc.php" class="head">network</a> /
<a href="http://www.hermetek.com/store.php" class="head">shop</a> /
<a href="https://www.hermetek.com/order.php" class="head">order now!</a> /
<a href="http://www.hermetek.com/about.php" class="head">about us</a> /
<a href="https://www.hermetek.com/contact.php" class="head">contact</a>
</div>
<div>
and footer.tpl:
<div class="footer">
© 2008 HermeTek Network Solutions. |
<a href="tos.php" class="toslink"><b>tos</b></a> |
<a href="aup.php" class="toslink"><b>aup</b></a>
</div>
</center>
<script type="text/javascript">
container.render($('container'));
border.render($$('.left .win'));
border.render($$('.right .win'));
</script>
</body>
</html>
In Firefox and Safari the "Clear Cart" and "Continue Shopping" links cannot be clicked but the page displays perfectly. In IE, they work fine but the page doesn't display right (two misaligned tables).
Here is the code of header.tpl:
<!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" xml:lang="{$htmlLang}" lang="{$htmlLang}" dir="{$smarty.const.TRANS_TEXTDIRECTION}">
<head>
{assignFor var="companyInfo" source="companies" companyID=1}
<title>{$companyInfo.0.companyName}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="{$cssDirectory}/shoppingstyle.css" />
<script language="javaScript" type="text/javascript" charset="utf-8" src="{$jsDirectory}/scriptaculous/lib/prototype.js"></script>
<script language="javaScript" type="text/javascript" charset="utf-8" src="{$jsDirectory}/scriptaculous/src/scriptaculous.js"></script>
<script language="javaScript" type="text/javascript" src="{$jsDirectory}/toggle.js" charset="utf-8"></script>
<script language="javaScript" type="text/javascript" src="{$jsDirectory}/pushpull.js" charset="utf-8"></script>
<script language="javaScript" type="text/javascript" src="{$jsDirectory}/main.js" charset="utf-8"></script>
<script language="javaScript" type="text/javascript" src="{$jsDirectory}/../ajax/core/ajax.inc.js" charset="utf-8"></script>
<script language="javaScript" type="text/javascript" src="/includes/js/shadedborder.js" charset="utf-8"></script>
{literal}
<script type="text/javascript">
var container = RUZEE.ShadedBorder.create({ corner:6, shadow: 0, border: 1 });
var border = RUZEE.ShadedBorder.create({ corner:6, shadow: 0, border: 1 });
</script>
{/literal}
</head>
<body>
<center style="height: 100%;">
<div id="container" class="clearfix sb">
<div class="header">
<img src="/images/logo.png" alt="HermeTek Network Solutions">
</div>
<div class="navi">
<img src="/images/spacer.gif" alt="">
<a href="http://www.hermetek.com/index.php" class="head">home</a> /
<a href="http://www.hermetek.com/difference.php" class="head">difference</a> /
<a href="http://www.hermetek.com/dc.php" class="head">network</a> /
<a href="http://www.hermetek.com/store.php" class="head">shop</a> /
<a href="https://www.hermetek.com/order.php" class="head">order now!</a> /
<a href="http://www.hermetek.com/about.php" class="head">about us</a> /
<a href="https://www.hermetek.com/contact.php" class="head">contact</a>
</div>
<div>
and footer.tpl:
<div class="footer">
© 2008 HermeTek Network Solutions. |
<a href="tos.php" class="toslink"><b>tos</b></a> |
<a href="aup.php" class="toslink"><b>aup</b></a>
</div>
</center>
<script type="text/javascript">
container.render($('container'));
border.render($$('.left .win'));
border.render($$('.right .win'));
</script>
</body>
</html>
In Firefox and Safari the "Clear Cart" and "Continue Shopping" links cannot be clicked but the page displays perfectly. In IE, they work fine but the page doesn't display right (two misaligned tables).