Disqus визуальный сбой с WooThemes Wordpress Theme?

Question

Нужна быстрая помощь! Как вы можете видеть @ http://www.wokai.org/news/?p=1496, наша коробка Disqus переполнена, и я не совсем уверен, почему. Я искал обычных подозреваемых и пробовал некоторые уловки, но не был плодотворным. Кто-нибудь может предложить быстрое решение?

PS - Это для Wokai.org, некоммерческая!

Answer 1

Мне кажется, я вижу в чем проблема. У вас есть стиль .clearfix, который странным образом установлен на высоту: 0. Так как этот класс назначен на # dsq-content, вещи рушатся. Что вы должны сделать, это заменить ваши пользовательские стили .clearfix (style_default.css, строка 48) на стили, предложенные http://www.positioniseverything.net/easyclearing.html

Надеюсь, это поможет. Удачи!

Answer 2

Ваш класс .clearfix имеет высоту, установленную на 0. Все содержимое в нем все еще отображается, но содержимое под ним отображается в том же месте. Удалите это, и он будет отображаться нормально.

Более подробно. После завершения загрузки страницы, некоторый javascript добавил class="clearfix" к <div id="dsq-content">, но ваш стиль .clearfix в style_default.css имеет height: 0;, который при применении к dsq-content заставляет его отображаться под содержимым после него.

При удалении height: 0 из style_default.css страница отображается правильно.

Также в disqus.js в строке 2543 добавляется класс в div dsq-content. Удаление этой строки также может решить проблему. Или, возможно, установив его для использования другого класса очистки без высоты: 0.