Глюк футера

Delorto · May 16, 2011

Всем привет, на сайте глючит футер:

Причем происходит сия трабла только на главной странице сайта, на остальных страницах всё нормально:

Вот index.php сайта:

Reveal hidden contents

<?php
defined('_JEXEC') or die('Restricted access'); // no direct access
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = isset($this) ? $this : null;
$baseUrl = $this->baseurl;
$templateUrl = $this->baseurl . '/templates/' . $this->template;
artxComponentWrapper($document);
?>
<!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>

<style type="text/css">
div#rotator {position:relative;}
div#rotator ul li {float:none; position: absolute; 
bottom: -254px;
right: 0px;
list-style: none;}
div#rotator ul li.show {z-index:500;}
</style>

  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<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" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" />
  <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
  <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
  <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
  <script type="text/javascript" src="<?php echo $templateUrl; ?>/jquery.js"></SCRIPT>
<script type="text/javascript">

function theRotator() {
    //Устанавливаем прозрачность всех картинок в 0
    $('div#rotator ul li').css({opacity: 0.0});

    //Берем первую картинку и показываем ее (попути включаем полную видимость)
    $('div#rotator ul li:first').css({opacity: 1.0});

    //Вызываем функцию rotator для запуска слайдшоу, 5000 = смена картинок происходит раз в 5 секунд
    setInterval('rotate()',5000);
}

function rotate() {    
    //Берем первую картинку
    var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));

    //Берем следующую картинку, когда дойдем до последней начинаем с начала
    var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));    

    //Подключаем эффект растворения/затухания для показа картинок, css-класс show имеет больший z-index
    next.css({opacity: 0.0})
    .addClass('show')
    .animate({opacity: 1.0}, 1000);

    //Прячем текущую картинку
    current.animate({opacity: 0.0}, 1000)
    .removeClass('show');
};

$(document).ready(function() {        
    //Запускаем слайдшоу
    theRotator();
});

</script>

 </head>

<body>

<div id="art-main">
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
<jdoc:include type="modules" name="user3" />
<div class="art-Header">
  <DIV id="rotator">
  <UL>
    <LI class="" style="opacity: 0; "><A href="#/"><IMG src="/templates/joom182/images/Header.jpg" width="900" height="250" alt="dv-kart.ru"></A></LI>
    <LI style="opacity: 1; " class="show"><A href="#"><IMG src="/templates/joom182/images/Header-1.jpg" width="900" height="250" alt="dv-kart.ru"></A></LI>
    <LI style="opacity: 0; " class=""><A href="#"><IMG src="/templates/joom182/images/Header-2.jpg" width="900" height="250" alt="dv-kart.ru"></A></LI>  
  </UL>
</DIV>
</div>


<jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" />
<?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?>
<div class="art-contentLayout">
<?php if (artxCountModules($document, 'left')) : ?>
<div class="art-sidebar1"><?php echo artxModules($document, 'left', 'art-block'); ?>
</div>
<?php endif; ?>
<?php if (artxCountModules($document, 'right')) : ?>
<div class="art-sidebar2"><?php echo artxModules($document, 'right', 'art-block'); ?>
</div>



<?php endif; ?>
<div class="art-<?php echo artxGetContentCellStyle($document); ?>">

<?php
  echo artxModules($document, 'banner2', 'art-nostyle');
  if (artxCountModules($document, 'breadcrumb'))
    echo artxPost(null, artxModules($document, 'breadcrumb'));
  echo artxPositions($document, array('user1', 'user2'), 'art-article');
  echo artxModules($document, 'banner3', 'art-nostyle');
?>
<?php if (artxHasMessages()) : ?><div class="art-Post">
    <div class="art-Post-tl"></div>
    <div class="art-Post-tr"></div>
    <div class="art-Post-bl"></div>
    <div class="art-Post-br"></div>
    <div class="art-Post-tc"></div>
    <div class="art-Post-bc"></div>
    <div class="art-Post-cl"></div>
    <div class="art-Post-cr"></div>
    <div class="art-Post-cc"></div>
	<div class="art-Post-body">
<div class="art-Post-inner">
<div class="art-PostContent">

<jdoc:include type="message" />

</div>

<div class="cleared"></div>

</div>

    </div>
</div>
<?php endif; ?>
<jdoc:include type="component" />
<?php echo artxModules($document, 'banner4', 'art-nostyle'); ?>
<?php echo artxPositions($document, array('user4', 'user5'), 'art-article'); ?>
<?php echo artxModules($document, 'banner5', 'art-nostyle'); ?>
</div>

</div>
<div class="cleared"></div>

<?php echo artxPositions($document, array('bottom1', 'bottom2', 'bottom3'), 'art-block'); ?>
<jdoc:include type="modules" name="banner6" style="artstyle" artstyle="art-nostyle" />



<div class="art-Footer">
 <div class="art-Footer-inner">
  <?php echo artxModules($document, 'syndicate'); ?>
  <div class="art-Footer-text">
  <?php if (artxCountModules($document, 'copyright') == 0): ?>
<p><b><FONT COLOR="#00ffff">Если Вы нашли ошибку на сайте, то выделите ошибочный фрагмент и нажмите Ctrl+Enter</FONT></b></p>
  <p>При копировании материалов сайта обязательно указывайте ссылку на <a href="http://dv-kart.ru">dv-kart.ru</a>!</p>
<p>Copyright © 2010-2011<br/>
All Rights Reserved.</p>
<center><!-- HotLog -->
<script type="text/javascript" language="javascript">
hotlog_js="1.0"; hotlog_r=""+Math.random()+"&s=2110314&im=75&r="+
escape(document.referrer)+"&pg="+escape(window.location.href);
</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/?2110314" target="_blank"><img '+
'src="http://hit36.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/?2110314" target="_blank"><img
src="http://hit36.hotlog.ru/cgi-bin/hotlog/count?s=2110314&im=75" border="0"
width="88" height="31" alt="HotLog"></a>
</noscript>
<!-- /HotLog --><iframe noresize border=0 frameborder=no scrolling=no name=statfrom1 src="http://www.kartingprofi.ru/rating/statfrom1.php?id=dvkart" width=88 height=31></iframe></center>


  <?php else: ?>
  <?php echo artxModules($document, 'copyright', 'xhtml'); ?>
  <?php endif; ?>
  </div>
 </div>
 <div class="art-Footer-background"></div>
</div>



    </div>
</div>

<div class="cleared"></div>
<p class="art-page-footer">Site created by <a href="mailto:admin@dv-kart.ru">Delorto</a></p>
<p class="art-page-footer">Designed by <a href="mailto:admin@dv-kart.ru">Delorto</a> and <a href="http://3drupal.ru/">tim</a>.</p>
</div>

</body>

</html>

tt48 · May 16, 2011

прогони через валидатор http://validator.w3.org/

похоже, где-то тег не закрыл.

А вообще делается все просто - тупо все сравнивается.

Начиная с доктайпа, затем порядок и набор стилевых таблиц, затем структура, затем сам элемент.

Удачи.

Delorto · May 16, 2011

On 5/16/2011 at 6:18 AM, tt48 said:
прогони через валидатор http://validator.w3.org/
похоже, где-то тег не закрыл.
А вообще делается все просто - тупо все сравнивается.
Начиная с доктайпа, затем порядок и набор стилевых таблиц, затем структура, затем сам элемент.
Удачи.

Раньше был такой-же глюк с положением правого модуля - отображался под футером, исправил, перенес секцию модуля к секции левого модуля, глюк ушел.Пробовал также перенести секцию футера-не помогает.

А с чем сравнивать та? index.php для всего сайта один...

на счет тега посмотрю, спасибо.

tt48 · May 16, 2011

ну и что, что index.php один? код-то разный..

Если надо что-то конкретнее - нужна ссылка на пример.

Edited May 16, 2011 by tt48

Delorto · May 16, 2011

пример - зайди на dv-kart.ru и там внизу увидишь этот глюк. Потом перейди на любую другую страницу сайта и увидишь как должно быть.

sigma77 · May 16, 2011

On 5/16/2011 at 10:00 AM, Delorto said:
пример - зайди на dv-kart.ru и там внизу увидишь этот глюк. Потом перейди на любую другую страницу сайта и увидишь как должно быть.

Где-то перемудрил со вложенностью. У тебя футер находится в блоке div.art-Post, который в свою очередь находится в блоке div.art-content с шириной 541px.

tt48 · May 16, 2011


<!-- add this -->
</div>
</div>
</div>
<!-- end of add this -->

<div class="art-Footer">

Валидатору очень не понравился сайт - 108 ошибок.

buddah · May 16, 2011

Вынеси футер за пределы контента, пользуйся Firebug в ФФ или Режимом разработчика в Google Chrome, там все видно.

Delorto · May 17, 2011

Спасибо, половину исправил, но как исправить самую нижнюю часть-хз... и местами менял и чо тока не делал...

Sign In

Глюк футера

Question

Delorto

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

tt48

Link to comment

Share on other sites

Delorto

Link to comment

Share on other sites

tt48

Link to comment

Share on other sites

Delorto

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

tt48

Link to comment

Share on other sites

buddah

Link to comment

Share on other sites

Delorto

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information