Мой заголовок находится в фиксированном положении, и у меня проблема с Disqus.

Моя ситуация. У меня есть неподвижный заголовок, который остается на месте всякий раз, когда я прокручиваю страницу вниз. У меня есть 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;

    }

Я надеюсь, что вы можете помочь мне с моей проблемой.

Заранее спасибо!


person Ben Daggers    schedule 05.09.2011    source источник


Ответы (1)


Дайте вашему заголовку более высокий z-index:

header {
  z-index: 5;
}
person Blender    schedule 05.09.2011
comment
Без проблем. Просто выстрел в темноту для меня, так как я понятия не имею, что такое Disqus :P - person Blender; 06.09.2011