WooThemes WordpressのテーマでDisqus視覚的なグリッチ？

Question

すぐに助けが必要です！ @http://www.wokai.org/news/?p=1496が表示されているように、私たちのDisqusボックスはあふれています。私は通常の容疑者を探して、いくつかのトリックを試しましたが、実りありませんでした。誰でも迅速な修正を提供できますか？

PS - これは非営利団体Wokai.org向けです。

Answer 1

私は問題が何であるかを見ています。奇妙なことに.clearfixスタイルがheight：0に設定されています。そのクラスは＃dsq-contentに割り当てられているので、物事は落ちています。あなたがしなければならないのは、あなたのカスタム.clearfixスタイル（style_default.css、48行目）を、http://www.positioniseverything.net/easyclearing.html

というスタイルで置き換えてください。がんばろう！

Answer 2

あなたの.clearfixクラスの高さは0に設定されています。その中のすべてのものはまだ表示されていますが、その下のものは同じ場所に表示されています。それを取り除くと上手く表示されます。

詳細については、ページの読み込みが完了したらclass="clearfix"が<div id="dsq-content">に追加されましたが、.clearfixスタイルのstyle_default.cssにはheight: 0;が含まれています。これをdsq-contentに適用すると、そのコンテンツの後にコンテンツが表示されます。

style_default.cssからheight: 0を削除すると、ページが正しくレンダリングされています。

また、disqus.jsの行2543は、クラスをdsq-content divに追加する場所です。この行を削除すると、問題も解決する可能性があります。あるいは、高さを持たない別のクリアリングクラスを使用するように設定することもできます。