Я прописал произвольный модуль, который должен выполнять функцию футера...но он не висит внизу страницы, а прилепляется к концу основного материала, т.е. прыгает от низа. Скажите, как его закрепить? Думал прописать ссылку на суффикс класса модуля, но не понял на какой...
заранее спасибо...
<?php
/*
* @copyright Copyright (C) 2008 - 2009 All rights reserved.
* @license
*/
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template.css" type="text/css" />
<?php if($this->direction == 'rtl') : ?>
<link href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template_rtl.css" rel="stylesheet" type="text/css" />
<?php endif; ?>
<link id="JTKLocalCss" href="../247clean/css/template.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=koi8-r"></head>
<body>
<body background="<?php echo JURI::base(); ?>/templates/247clean/images/bg_grad.jpg" style="background-repeat:repeat-x;">
<div id="masthead">
/* <h1 id="siteName" class="title"><?php echo $mainframe->getCfg('sitename'); ?></h1>*/
<div id="utility">
<jdoc:include type="modules" name="user3" style="none" />
</div>
<div id="globalNav"> <img alt="" src="<?php echo JURI::base(); ?>/templates/247clean/images/gblnav_left.jpg" height="32" width="7" id="gnl" /> <img alt="" src="<?php echo JURI::base(); ?>/templates/247clean/images/glbnav_right.jpg" height="32" width="7" id="gnr" />
<div id="globalLink"><?php echo $mycssPSPLITmenu_content; ?></div>
<?php if($this->countModules('user4')) : ?><div id="search">
<jdoc:include type="modules" name="user4" style="none" />
</div> <?php endif; ?>
</div>
<div class="subbox"><?php echo $mycssSSPLITmenu_content; ?></div>
<br />
<h1 id="name-text" class="logo-name"> <a href="index.php"><img src="templates/<?php echo $this->template ?>/images/logo.png"/></a></h1></div>
<div id="globalInfo"> <img src="<?php echo JURI::base(); ?>/templates/247clean/images/space.gif" alt="" name="gnl" width="7" height="20" id="gnl" /> <img src="<?php echo JURI::base(); ?>/templates/247clean/images/space.gif" alt="" name="gnr" width="7" height="20" id="gnr" />
<div id="globalPath">
<jdoc:include type="modules" name="breadcrumb" />
</div>
<div id="globalDate"><?php echo JHTML::_('date', 'now', $format ? $format : JText::_('DATE_FORMAT_LC1')); ?></div>
</div>
</div>
</div>
<div id="pagecell1">
<img alt="" src="<?php echo JURI::base(); ?>/templates/247clean/images/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="<?php echo JURI::base(); ?>/templates/247clean/images/tr_curve_white.gif" height="6" width="6" id="tr" />
<div id="pageTop">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-left: 0px; padding-right: 0px;">
<tr>
<td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" style="border-right: 1px solid #EEEEEE;"><?php if($this->countModules('left')) : ?>
<table width="180" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:5px;">
<jdoc:include type="modules" name="left" style="table" />
</td>
</tr>
</table>
<?php endif; ?></td>
<td style="padding-left: 5px; padding-right: 5px; padding-top:5px; border-left: 1px solid #FFF; border-right: 1px solid #FFF;" width="100%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<?php if($this->countModules('top')) : ?>
<td colspan="3"><div>
<jdoc:include type="modules" name="top" style="table" />
</div></td>
<?php endif; ?>
</tr>
<tr>
<?php if($this->countModules('user1')) : ?>
<td valign="top"><div style="padding-bottom: 5px;">
<jdoc:include type="modules" name="user1" style="table" />
</div></td>
<td width="2" valign="top"> <?php endif; ?>
<?php if($this->countModules('user2')) : ?> </td>
<td valign="top"><div style="padding-bottom: 5px;">
<jdoc:include type="modules" name="user2" style="table" />
</div></td>
<?php endif; ?>
</tr>
<tr>
<td height="4" colspan="3"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="<?php echo JURI::base(); ?>/templates/247clean/images/space.gif" width="100" height="4" /></td>
</tr>
</table></td>
</tr>
<tr align="left" valign="top">
<td colspan="3"><jdoc:include type="component" /></td>
</tr> <tr>
<td colspan="3"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="<?php echo JURI::base(); ?>/templates/247clean/images/space.gif" width="100" height="4" /></td>
</tr>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<div style="padding-bottom: 5px;"> <?php mosLoadModules ( 'footer' ); ?>
<!-- begin of Top100 code -->
<div align="center">
<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?1791322"></script>
<noscript>
<img src="http://counter.rambler.ru/top100.cnt?1791322" alt="" width="1" height="1" border="0"/>
</noscript>
<!-- end of Top100 code -->
<!-- HotLog -->
<script type="text/javascript" language="javascript">
hotlog_js="1.0"; hotlog_r=""+Math.random()+"&s=638885&im=34&r="+
escape(document.referrer)+"&pg="+escape(window.location.href);
document.cookie="hotlog=1; path=/"; hotlog_r+="&c="+(document.cookie?"Y":"N");
</script>
<script type="text/javascript" language="javascript1.1">
hotlog_js="1.1"; hotlog_r+="&j="+(navigator.javaEnabled()?"Y":"N");
</script>
<script type="text/javascript" language="javascript1.2">
hotlog_js="1.2"; hotlog_r+="&wh="+screen.width+"x"+screen.height+"&px="+
(((navigator.appName.substring(0,3)=="Mic"))?screen.colorDepth:screen.pixelDepth);
</script>
<script type="text/javascript" language="javascript1.3">
hotlog_js="1.3";
</script>
<script type="text/javascript" language="javascript">
hotlog_r+="&js="+hotlog_js;
document.write('<a href="http://click.hotlog.ru/?638885" target="_top"><img '+
'src="http://hit30.hotlog.ru/cgi-bin/hotlog/count?'+
hotlog_r+'" border="0" width="88" height="31" alt="HotLog"><\/a>');
</script>
<noscript>
<a href="http://click.hotlog.ru/?638885" target="_top"><img
src="http://hit30.hotlog.ru/cgi-bin/hotlog/count?s=638885&im=34" border="0"
width="88" height="31" alt="HotLog"></a>
</noscript>
<!-- /HotLog -->
<!-- begin of Top100 logo -->
<a href="http://top100.rambler.ru/home?id=1791322" target="_blank"><img src="http://top100-images.rambler.ru/top100/banner-88x31-rambler-gray2.gif" alt="Rambler's Top100" width="88" height="31" border="0" /></a>
<!-- end of Top100 logo -->
<!--SpyLOG-->
<span id="spylog2016040"></span>
<script type="text/javascript"> var spylog = { counter: 2016040, image: undefined, next: spylog }; document.write(unescape('%3Cscript src%3D"http' + (('https:' == document.location.protocol)? 's' : '') + '://counter.spylog.com/cnt.js" defer="defer"%3E%3C/script%3E')); </script>
<!--SpyLOG-->
<!--LiveInternet counter-->
<script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='http://counter.yadro.ru/hit?t44.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'><\/a>")
//--></script>
<!--/LiveInternet-->
<!-- Yandex.Metrika -->
<script src="//bs.yandex.ru/resource/watch.js" type="text/javascript"></script>
<script type="text/javascript"><!--
try { var yaCounter166888 = new Ya.Metrika(166888); } catch(e){}
//--></script>
<noscript><div style="position: absolute;"><img src="//bs.yandex.ru/watch/166888" alt="" /></div></noscript>
<!-- Yandex.Metrika --> </table>
</html>
body{
font-family : Arial,sans-serif;
color : #333333;
line-height : 1.166;
margin : 0px;
padding : 0px;
}
td, tr, p {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #666666;
}
hr {
color : #DADDD0;
height : 1px;
width : 90%;
}
h1{
font : bold 100% Arial,sans-serif;
color : #334d55;
margin : 0px;
padding : 0px;
}
h2{
font : bold 114% Arial,sans-serif;
color : #006699;
margin : 0px;
padding : 0px;
}
h3{
font : bold 100% Arial,sans-serif;
color : #334d55;
margin : 0px;
padding : 0px;
}
h4{
font : 100% Arial,sans-serif;
color : #333333;
margin : 0px;
padding : 0px;
}
h5{
font : 100% Arial,sans-serif;
color : #334d55;
margin : 0px;
padding : 0px;
}
.main {
float : left;
width : 100%;
margin : 0px;
padding : 0px;
}
.contentdescription {
width : auto !important;
display : block;
}
table.moduletable {
width : 100%;
table-layout : auto;
}
table.moduletable th {
font-size : 12px;
font-weight : bold;
text-transform : uppercase;
text-align : left;
height : 22px;
line-height : 22px;
text-indent : 0px;
letter-spacing : 1px;
color : #666666;
border-bottom : 1px solid #EEEEEE;
}
table.moduletable td {
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
padding- bottom : 0px;
margin : 4px;
}
.back_button {
color : #996600;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
white-space : normal;
font-weight : normal;
border : 1px solid #DADDD0;
padding-bottom : 4px;
padding-left : 10px;
padding-right : 10px;
padding-top : 4px;
margin-right : 4px;
margin-bottom : 10px;
float : right;
line-height : 10px;
text-decoration : none;
}
.button {
font-size : 11px;
color : #666666;
background-color : #FFF;
border : 1px solid #DADDD0;
margin-bottom : 5px;
padding : 1px;
}
.inputbox {
border : 1px solid #CCCCCC;
background-color : #FBFBFB;
padding : 2px;
margin-bottom : 5px;
color : #666666;
}
.sectiontableheader {
font-size : 12px;
font-weight : bold;
text-transform : uppercase;
letter-spacing : 1px;
color : #666666;
padding : 3px;
border-bottom : 1px solid #EEEEEE;
border-top : 1px solid #EEEEEE;
}
.sectiontableentry1 {
padding : 3px;
margin : 3px;
background : #FBFBFB;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #DADDD0;
}
.sectiontableentry2 {
padding : 3px;
margin : 3px;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #DADDD0;
}
a.mainlevel {
margin-top : 1px;
padding-top : 0px;
font-size : 12px;
width : 180px;
text-indent : 10px;
}
a.mainlevel:link {
padding : 0px 0px 0px 0px;
font-size : 12px;
width : 180px;
text-indent : 10px;
}
a.mainlevel:link, a.mainlevel:visited {
display : block;
font-size : 12px;
font-weight : normal;
padding : 2px 0px 2px 0px;
color : #1A4A88;
width : 180px;
text-indent : 10px;
background-color : #F5F5F5;
}
a.mainlevel:hover {
font-size : 12px;
background-color : #FBFBFB ;
color : #000000;
font-weight : normal;
text-decoration : none;
text-indent : 10px;
}
#active_menu {
color : #003366;
font-weight : bold;
background-color : #FBFBFB;
}
a#active_menu:hover {
color : #0066FF;
background-color : #FBFBF9;
}
a.sublevel:link, a.sublevel:visited {
font-size : 12px;
font-weight : normal;
padding : 2px 0px 2px 0px;
color : #666666;
text-align : left;
width : 100%;
text-indent : 10px;
background-color : #FBFBFB;
display: block;
}
a.sublevel:hover {
color : #0066FF;
background-color : #FFFFFF;
text-decoration : none;
}
a:link, a:visited {
font-size : 12px;
color : #0066FF;
text-decoration : none;
}
a:hover {
color : #0066FF;
text-decoration : underline;
}
a.category:link, a.category:visited {
font-weight : bold;
}
a.readon:link, a.readon:visited {
color : #666666;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
background : url(../images/more.png);
background-repeat : no-repeat;
white-space : normal;
font-weight : bold;
padding-bottom : 3px;
padding-left : 20px;
padding-right : 4px;
padding-top : 3px;
float : left;
line-height : 10px;
text-decoration : none;
}
a.readon:hover {
color : #003366;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
background : url(../images/more2.png);
background-repeat : no-repeat;
white-space : normal;
font-weight : bold;
padding-bottom : 3px;
padding-left : 20px;
padding-right : 4px;
padding-top : 3px;
float : left;
line-height : 10px;
text-decoration : none;
}
ul {
margin : 2px;
padding-left : 10px;
list-style : none;
}
table.contenttoc {
border : 1px solid #FFF;
padding : 2px;
margin-left : 2px;
margin-bottom : 2px;
}
table.contenttoc td {
padding : 2px;
}
table.contenttoc th {
color : #666666;
text-align : left;
padding-top : 2px;
padding-left : 4px;
height : 21px;
font-weight : bold;
font-size : 10px;
text-transform : uppercase;
}
.pagenavcounter {
font-size : 10px;
color : #666666;
}
.pagenavbar {
border-top : 1px solid #999999;
padding : 2px;
}
.pagenav {
font-weight : bold;
color : #CCCCCC;
}
a.pagenav:link, a.pagenav:visited {
text-decoration : none;
}
a.pagenav:hover {
text-decoration : none;
}
.date {
font-size : 10px;
color : #8BACDA;
padding-top : 1px;
}
.small {
font-size : 10px;
color : #666666;
}
.postedby {
font-size : 10px;
color : #CCCCCC;
}
.smalldark {
font-size : 10px;
color : #666666;
}
.createdate, .modifydate {
font-size : 10px;
color : #CCCCCC;
}
.content_vote {
font-size : 10px;
height : 22px;
padding-top : 2px;
padding-bottom : 2px;
}
.content_rating {
font-size : 10px;
color : #666666;
}
.pathway {
font-size : 10px;
color : #999999;
height : 10px;
}
a.pathway:link, a.pathway:visited {
font-size : 10px;
color : #FF9900;
height : 10px;
}
a.pathway:hover {
font-size : 10px;
color : #FFCC00;
height : 10px;
}
table.content{
width : 100%;
padding : 5px;
border-collapse : collapse;
border-spacing : 0px;
margin-bottom : 10px;
}
table.contentpane {
width : 100%;
padding : 5px;
border-spacing : 0px;
margin-bottom : 5px;
}
table.contentpaneopen {
width : 100%;
padding-left : 5px;
padding-right : 5px;
border-spacing : 0px;
margin-bottom : 5px;
}
.contentpane {
margin : 5px;
}
.pollstableborder{
border-color : #666666;
}
.contentheading {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
font-style : inherit;
text-transform : uppercase;
text-align : left;
color : #1A4A88;
width : 100%;
}
.componentheading {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
text-transform : uppercase;
text-align : left;
line-height : 21px;
color : #1A4A88;
width : 100%;
}
.contentpagetitle {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
text-transform : uppercase;
text-align : left;
color : #1A4A88;
width : 100%;
}
a.contentpagetitle:link, a.contentpagetitle:visited {
font-size : 16px;
color : #1A4A88;
text-decoration : none;
font-weight : bold;
}
a.contentpagetitle:hover {
font-size : 16px;
color : #0066FF;
text-decoration : none;
font-weight : bold;
}
.title {
font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
font-weight : bold;
text-transform : uppercase;
font-size : 20px;
text-align : left;
color : #FFFFFF;
}
.footer {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #888888;
font-size : 12px;
font-weight : normal;
}
.footer a:link, .footer a:visited {
font-size : 12px;
color : #888888;
text-decoration : none;
font-weight : normal;
}
.footer a:hover {
font-size : 12px;
color : #FFF;
text-decoration : none;
font-weight : normal;
}
.search{
position : absolute;
top : 5px;
right : 10px;
z-index : 101;
}
#mod_search_searchword {
font-size : 10px;
margin : 1px;
width : 80px;
border : 1px solid #EEEEEE;
background-color:#FFFFFF;
}
#mod_search_searchword .inputbox {
font-size : 10px;
padding : 4px;
height : 10px;
}
.highlight {
background-color : #FFFF00;
}
div.mosimage {
border : 1px solid #ccc;
}
.mosimage {
border : 1px solid #cccccc;
margin : 5px
}
.mosimage_caption {
margin-top : 2px;
background : #efefef;
padding : 1px 2px;
color : #666;
text-transform : normal;
font-size : 10px;
border-top : 1px solid #cccccc;
}
#pagecell1{
position :absolute;
top : 256px;
left : 2%;
right : 2%;
width : 95.6%;
min-width : 760px;
background-image: url(../images/cell_back.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
border-left : 1px solid #EEEEEE;
border-right : 1px solid #EEEEEE;
}
#tl {
position : absolute;
top : -1px;
left : -1px;
margin : 0px;
padding : 0px;
z-index : 100;
}
#tr {
position : absolute;
top : -1px;
right : -1px;
margin : 0px;
padding : 0px;
z-index : 100;
}
#masthead{
position : absolute;
top : 0px;
left : 2%;
right : 2%;
width : 95.6%;
}
#content{
padding : 0px 10px 0px 0px;
margin : 0px 198px 0px 0px;
border-right : 1px solid #EEEEEE;
}
#siteName{
margin : 0px;
padding : 16px 0px 8px 0px;
color : #c9cbce;
font-weight : normal;
}
#utility{
position : absolute;
float : right;
top : 16px;
right : 0px;
color : #919999;
}
#pageName h2{
font : bold 175% Arial,sans-serif;
color : #000000;
margin : 0px;
padding : 0px;
}
#pageName img{
position : absolute;
top : 0px;
right : 6px;
padding : 0px;
margin : 0px;
}
#globalHead {
position : relative;
width : 100%;
min-width : 760px;
height : 140px;
color : #cccccc;
padding : 0px;
margin : 0px;
background-image: url(../images/glbnav_background_2.jpg);
}
#globalGrey{
position : absolute;
height : 140px;
width : 183px;
padding : 0px;
margin : 0px;
left : 7px;
z-index : 100;
}
#globalInfo{
position : relative;
width : 100%;
min-width : 760px;
height : 20px;
color : #cccccc;
padding : 0px;
margin : 0px;
}
#globalPath{
font-size : 10px;
position : absolute;
line-height : 20px;
height : 20px;
width : 600px;
left : 7px;
z-index : 100;
}
#globalDate{
font-size : 10px;
line-height : 20px;
height : 20px;
position : absolute;
top : 0px;
right : 10px;
z-index : 101;
}
#yourImage{
position : absolute;
top : 0px;
right : 10px;
z-index : 101;
}
#navBar{
float : left;
width : 20%;
margin : 0px;
padding : 0px;
background-color: #eeeeee;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
}
#globalNav{
position : relative;
width : 100%;
min-width : 760px;
height : 32px;
color : #cccccc;
padding : 0px;
margin : 0px;
background-image: url(../images/glbnav_background.jpg);
}
#globalNav img{
margin-bottom : -4px;
}
#gnl {
position : absolute;
top : 0px;
left : 0px;
}
#gnr {
position : absolute;
top : 0px;
right : 0px;
}
#globalLink{
position : absolute;
top : 1px;
height : 30px;
min-width : 760px;
padding : 0px;
margin : 0px;
left : 10px;
z-index : 100;
}
.story {
padding : 10px 0px 0px 10px;
}
.story p {
padding : 0px 0px 10px 0px;
}
td.storyLeft{
padding-right : 12px;
}
#siteInfo{
font-size : 10px;
clear : both;
border-top : 1px solid #EEEEEE;
color : #cccccc;
padding : 10px 10px 10px 10px;
margin-top : 0px;
}
#siteTop{
position : absolute;
right : 10px;
bottom : 10px;
margin-top : 0px;
}
ul#mainlevel-nav {
float : right;
list-style : none;
padding : 0;
margin : 0;
font-size : 11px;
font-weight : normal;
}
ul#mainlevel-nav li {
background-image : none;
padding-left : 0px;
padding-right : 0px;
float : right;
margin : 0;
font-size : 11px;
line-height : 18px;
white-space : nowrap;
border-right : 1px solid #999999;
font-weight : normal;
}
ul#mainlevel-nav li a {
display : block;
padding-left : 15px;
padding-right : 15px;
text-decoration : none;
color : #666666;
background : transparent;
font-weight : normal;
}
ul#mainlevel-nav li a:hover {
color : #FFFFFF;
}
#navcontainer {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
width : auto;
height : 30px;
}
#navlist {
margin : 0px;
padding : 0px 0px 0px 0px;
}
#navlist ul, #navlist li {
display : inline;
list-style-type : none;
}
#navlist a:link, #navlist a:visited {
border-right : 1px solid #EEEEEE;
padding : 5px 10px 5px 10px;
float : left;
font-weight : bold;
line-height : 19px;
margin : 0px;
text-decoration : none;
color : #666666;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
color : #FF9900;
background-color : #FFFFFF;
}
#navlist a:hover {
color : #666666;
}
#subbox {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
height : 25px;
width : auto;
}
#subnavlist {
margin : 0px;
padding : 0px;
}
#subnavlist ul, #subnavlist li {
margin : 0px;
padding : 0px;
display : inline;
list-style-type : none;
}
#subnavlist a:link, #subnavlist a:visited {
float : left;
font-weight : normal;
line-height : 16px;
padding : 0px 0px 0px 18px;
text-decoration : none;
color : #666666;
background : url(../images/line.gif) no-repeat 9px 3px;
}
#subnavlist a:link#subcurrent, #subnavlist a:visited#subcurrent, #subnavlist a:hover {
color : #0066FF;
}