Моя ситуация. У меня есть неподвижный заголовок, который остается на месте всякий раз, когда я прокручиваю страницу вниз. У меня есть div внизу прямо перед нижним колонтитулом. Этот DIV содержит систему комментариев Disqus.
Проблема в следующем:
всякий раз, когда я прокручиваю вниз, DIV работает гладко, как и ожидалось (прямо под заголовком), НО система комментариев Disqus ВЫШЕ заголовка, который должен быть ПОД заголовком.
Код блока div и функции вызова шаблона комментариев приведен ниже:
<div class="comments-template" style="position:inherit;">
<?php comments_template(); ?>
</div>
Коды CSS для DIV и системы комментариев Disqus приведены ниже:
.comments-template{
width: 1040px;
position: static;
margin: auto;
clear:both;
background-color:#CCC;
}
#disqus_thread {
color: #FFF;
padding: 5px;
margin: auto;
clear:both;
position:static;
}
.dsq-comment-header {
background-color: 2d2d2d;
font-family:"Arial",sans-serif;
font-size: 12px;
height: 50px;
position:static;
clear:both;
}
.dsq-comment-message {
font-family:"Tahoma",sans-serif;
font-size: 11px;
color: #333;
}
textarea {
background-image: none;
background-repeat: repeat;
border: #666 2px solid; /* light blue border */
}
.dsq-comment {
border: #666 2px solid; /* light blue border */
margin-bottom: 15px;
}
Я надеюсь, что вы можете помочь мне с моей проблемой.
Заранее спасибо!