Что ломает шаблон?

[Sam_Morrou]

Здравствуйте! Подскажите пожалуйста, уже долго не могу разобраться что может ломать шаблон в Fullstory на остальных страницах все нормально.

Пример:

Shortstory:


Fullstory:


А в мобильной версии вообще весь подвал черного цвета,

Вроде бы все DIV закрывающие и открывающие поровну, может какой то не на месте стоит? Уже идеи закончились(

 

[Sam_Morrou]

Спойлер: Шаблон Fullstory

<article class="full ignore-select">
<div class="sect fcols fx-row">

<div class="fleft">
[group=1][edit]<span class="fa fa-cog" title="Редактировать"></span>[/edit][/group]
[xfgiven_poster]<div class="fimg img-fit"><img src="[xfvalue_image_url_poster]" alt="{title}" title="[xfvalue_author] - [xfvalue_name]" /></div>[/xfgiven_poster]
[xfnotgiven_poster]<div class="fimg img-fit"><img src="{THEME}/images/no-image.png" title="[xfvalue_author] - [xfvalue_name]"></div>[/xfnotgiven_poster]
<div class="ffav icon-left">
[group=5]<a href="#" class="js-login"><span class="fa fa-heart-o"></span>Добавить в плейлист</a>[/group]
[not-group=5]
[add-favorites]<span class="fa fa-heart-o"></span>Добавить в плейлист[/add-favorites]
[del-favorites]<span class="fa fa-heart"></span>Удалить из плейлиста[/del-favorites]
[/not-group]
[complaint]<img src="{THEME}/dleimages/delete.png" alt="" /> Не работает плеер?[/complaint]
</div>
</div>
<div class="fmain fx-1">
<h1 class="sect-title">[xfgiven_author][xfvalue_author][/xfgiven_author] <div>[xfgiven_name][xfvalue_name][/xfgiven_name]</div></h1>
<ul class="finfo">
<li><span>Жанр:</span> {link-category}</li>
<li><span>Добавлено:</span> {date}</li>
<li><span>Слушали:</span> {views}</li>
[xfgiven_time]<li><span>Длительность:</span> [xfvalue_time]</li>[/xfgiven_time]
[xfgiven_bitrate]<li><span>Качество:</span> [xfvalue_bitrate]</li>[/xfgiven_bitrate]
[xfgiven_format]<li><span>Формат:</span> [xfvalue_format]</li>[/xfgiven_format]
[xfgiven_size]<li><span>Размер:</span> [xfvalue_size]</li>[/xfgiven_size]


<li><span>Сборник:</span>{include file="engine/mod_punpun/dle_collections/site/dle_collections.php?action=news&id={news-id}"}</li>
</ul>
<br />
<div class="fctrl fx-row">


[xfgiven_poster]<div class="fplay-wr js-item" data-track="[xfvalue_mp3]" [xfnotgiven_dallblock][xfgiven_down_block][country=dcountry]data-block='onclick="downloaded{news-id}(); return;"'[/country][/xfgiven_down_block][/xfnotgiven_dallblock][xfgiven_dallblock]data-block='onclick="downloaded{news-id}(); return;"'[/xfgiven_dallblock] data-artist="{title}" data-title="[xfvalue_author]" data-img="[xfvalue_image_url_poster]">[/xfgiven_poster]
[xfnotgiven_poster]<div class="fplay-wr js-item" data-track="[xfvalue_mp3]" [xfnotgiven_dallblock][xfgiven_down_block][country=dcountry]data-block='onclick="downloaded{news-id}(); return;"'[/country][/xfgiven_down_block][/xfnotgiven_dallblock][xfgiven_dallblock]data-block='onclick="downloaded{news-id}(); return;"'[/xfgiven_dallblock] data-artist="{title}" data-title="[xfvalue_author]" data-img="/templates/muzzona/images/no-image.png">[/xfnotgiven_poster]
[xfnotgiven_sallblock]
[xfgiven_play_country]
[country=pcountry]<div class="fbtn fplay" onclick="listen{news-id}(); return;" style="background-color:#b7b7b7">
<div class="fbtn-icon fx-col fx-center"><span class="fa fa-play"></span></div>
<div class="fbtn-desc fx-1">
<div class="fbtn-capt nowrap">Слушать</div>
<div class="fbtn-title nowrap">[xfvalue_author] - [xfvalue_name]</div>
</div>
</div>[/country]
[not-country=pcountry]
<div class="fbtn fplay js-ctrl js-play" title="[xfvalue_author] - [xfvalue_name]">
<div class="fbtn-icon fx-col fx-center"><span class="fa fa-play"></span></div>
<div class="fbtn-desc fx-1">
<div class="fbtn-capt nowrap">Слушать</div>
<div class="fbtn-title nowrap">[xfvalue_author] - [xfvalue_name]</div>
</div>
</div>[/not-country]

[/xfgiven_play_country]
[xfnotgiven_play_country]
<div class="fbtn fplay js-ctrl js-play" title="[xfvalue_author] - [xfvalue_name]">
<div class="fbtn-icon fx-col fx-center"><span class="fa fa-play"></span></div>
<div class="fbtn-desc fx-1">
<div class="fbtn-capt nowrap">Слушать</div>
<div class="fbtn-title nowrap">[xfvalue_author] - [xfvalue_name]</div>
</div>
</div>
[/xfnotgiven_play_country]

[/xfnotgiven_sallblock]
[xfgiven_sallblock]

<div class="fbtn fplay" onclick="listen{news-id}(); return;" style="background-color:#b7b7b7">
<div class="fbtn-icon fx-col fx-center"><span class="fa fa-play"></span></div>
<div class="fbtn-desc fx-1">
<div class="fbtn-capt nowrap">Слушать</div>
<div class="fbtn-title nowrap">[xfvalue_author] - [xfvalue_name]</div>
</div>
</div>
[/xfgiven_sallblock]




</div>




[xfnotgiven_dallblock]
[xfgiven_down_block]
[country=dcountry]
<a class="fbtn fdl" onclick="downloaded{news-id}(); return;" style="box-shadow:inset 0 0 0 2px #b7b7b7" title="[xfvalue_author] - [xfvalue_name]">
<div class="fbtn-icon fx-col fx-center" style="background-color:#b7b7b7"><span class="fa fa-times"></span></div>
<div class="fbtn-desc fx-1">
<div class="fbtn-capt nowrap">Скачать [xfvalue_author] - [xfvalue_name]</div>
</div>
</a>
[/country]

[not-country=dcountry]
<a class="fbtn fdl" href="[xfvalue_mp3]" download title="[xfvalue_author] - [xfvalue_name]">
<div class="fbtn-icon fx-col fx-center"><span class="fa fa-cloud-download"></span></div>
<div class="fbtn-desc fx-1">
<div class="fbtn-capt nowrap">Скачать [xfvalue_author] - [xfvalue_name]</div>
</div>
</a>
[/not-country]
[/xfgiven_down_block]


[xfnotgiven_down_block]
<a class="fbtn fdl" href="[xfvalue_mp3]" download title="[xfvalue_author] - [xfvalue_name]">
<div class="fbtn-icon fx-col fx-center"><span class="fa fa-cloud-download"></span></div>
<div class="fbtn-desc fx-1">
<div class="fbtn-capt nowrap">Скачать [xfvalue_author] - [xfvalue_name]</div>
</div>
</a>
[/xfnotgiven_down_block]
[/xfnotgiven_dallblock]
[xfgiven_dallblock]
<a class="fbtn fdl" onclick="downloaded{news-id}(); return;" style="box-shadow:inset 0 0 0 2px #b7b7b7" title="[xfvalue_author] - [xfvalue_name]">
<div class="fbtn-icon fx-col fx-center" style="background-color:#b7b7b7"><span class="fa fa-times"></span></div>
<div class="fbtn-desc fx-1">
<div class="fbtn-capt nowrap">Скачать [xfvalue_author] - [xfvalue_name]</div>
</div>
</a>

[/xfgiven_dallblock]





</div>

</div>

<div class="fright fx-col fx-between">
<div class="fcaption">На этой странице Вы можете <b>Скачать песню {title}</b>!. Слушать онлайн в хорошем качестве,
со своего телефона на Android, iPhone или PC в любое время. </div>
<a class="fbtn fdl" href="/uploads/android/MuzZONA_BETA.1.0.1.apk"  download style="box-shadow:inset 0 0 0 2px #4fe522" title="Приложение для Android - MuzZONA">
<div class="fbtn-icon fx-col fx-center"  style="background-color:#4fe522" ><img src="{THEME}/images/android-solid.png" width="40" height="40" alt="lorem"></div>
<div class="fbtn-desc fx-1">
<div class="fbtn-capt nowrap">App for Android</div></div></a>
<div class="frate-box" id="frate-{news-id}" data-id="{news-id}">
<div class="frate-title">Нравится Песня?</div>
<div class="frate-yes fx-row fx-middle">
<div class="frate-counts">Да <span></span></div>
<div class="frate-btn-yes" onclick="doRateLD('plus', '{news-id}');"><i class="fa fa-thumbs-up"></i></div>
</div>
<div class="frate-no fx-row fx-middle">
<div class="frate-counts">Нет <span></span></div>
<div class="frate-btn-no" onclick="doRateLD('minus', '{news-id}');"><i class="fa fa-thumbs-down"></i></div>
</div>
<div class="frate-data hidden">{rating}{vote-num}</div>
</div>
</div>
</div>
<!-- END FCOLS -->



<div class="sect">
[xfgiven_video]
<div class="sect-header fx-row fx-middle">
<h2><div class="sect-title fx-1">Клип на песню {title}</div></h2>
</div>
<div class="sect-content video-box">
<iframe width="560" height="400" src="https://www.youtube.com/embed/[xfvalue_video]" frameborder="0" allowfullscreen></iframe>
</div>
[/xfgiven_video]

[full-story]
<div class="sect sect-text">
<div class="sect-header fx-row fx-middle">
<h2><div class="sect-title fx-1">Текст песни {title}</div></h2>
</div>
<div class="sect-content full-text clearfix hide-this">
{full-story}
</div>
</div>
[/full-story]
</div>


[related-news]
<div class="sect sect-count">
<div class="sect-header fx-row fx-middle">
<div class="sect-title fx-1">Слушайте также</div>
</div>
<div class="sect-content">
{related-news}
</div>
</div>
[/related-news]
</div>

</article>
<div id="hz1{news-id}" title="{title}" style="display:none;">
<center><img src="/templates/muzzona/images/logo.png" width="auto" </center>
<p>Прослушивание трека <b>{title}</b> запрещено в вашей стране по требованию правообладателей.</p>
<br />
<p>Возникли дополнительные вопросы? - <a href="/index.php?do=feedback" target="_blank">напишите нам</a></p>

<div style="width:100%;margin-top:50px;color:gray;">
<div style="text-align:left;display:inline-block;float:left;">[email protected]</div>
<div style="text-align:right;display:inline-block;float:right;">Copyright © muzzona.info</div>
</div>
</div>

<div id="hz2{news-id}" title="{title}" style="display:none;">
<center><img src="/templates/muzzona/images/logo.png" width="auto" </center><br />
<p>Скачивание трека <b>{title}</b> запрещено в вашей стране по требованию правообладателей.</p>
<br />
<p>Возникли дополнительные вопросы? - <a href="/index.php?do=feedback" target="_blank">напишите нам</a></p>

<div style="width:100%;margin-top:50px;color:gray;">
<div style="text-align:left;display:inline-block;float:left;">[email protected]</div>
<div style="text-align:right;display:inline-block;float:right;">Copyright © muzzona.info</div>
</div>
</div>

<script type="text/javascript">
function listen{news-id}() {
$(function(){
$('#hz1{news-id}').dialog({
dialogClass:'redwin',
autoOpen: true,
show: 'fade',
hide: 'fade',
height: 'auto',
width: 'auto',
buttons: {
"Закрыть" : function() {
$(this).dialog("close");
}
}
});
});
}
function downloaded{news-id}() {
$(function(){
$('#hz2{news-id}').dialog({
dialogClass:'redwin',
autoOpen: true,
show: 'fade',
hide: 'fade',
height: 'auto',
width: 'auto',
buttons: {
"Закрыть" : function() {
$(this).dialog("close");
}
}
});
});
}
</script>

 

[Nahimic]

Проверь шаблон похожих новостей, если все норм то CTRL+SHIFT+I и скажи что за элемент, выделенный стрелками

 

[Sam_Morrou]

Проверь шаблон похожих новостей, если все норм то CTRL+SHIFT+I и скажи что за элемент, выделенный стрелками

Шаблон похожих новостей это relatednews? там стоит шаблон из shortstory и там все нормально, еще там не похожие а Рандомные через custom ставил.

если все норм то CTRL+SHIFT+I и скажи что за элемент, выделенный стрелками

Все что показывает при сочетании CTRL+SHIFT+I

 

[Nahimic]

@Amnistik, зачем сорс если нужна вкладка элемент.
По ней ищи что у тебя не стыкуется и вылезает за рамки.
Не обязательно DIV может в css криво прописано.

 

[Sam_Morrou]

@Amnistik, зачем сорс если нужна вкладка элемент.
По ней ищи что у тебя не стыкуется и вылезает за рамки.
Не обязательно DIV может в css криво прописано.

 

[Nahimic]

@Amnistik, навели курсор на тот элемент который съезжает, чтобы понять какая часть кода за него отвечает

 

[MSE-Script]

На сайте нарушена вложенность тегов, на странице с постом блок .footer .wrap-center лежит на одном уровне с блоком .wrap



А должен лежать внутри его, как, например, на главной:

Вложенность может быть нарушена не только "потерянным" </div> в fullstory.tpl, но какой-то ошибкой в main.tpl, или условиями [aviable=..], разрывающими тег.

 

[Sam_Morrou]

Спасибо Всем, Уже все решил, были незакрыты 2 тега, я не на то грешил)