Search code examples
javascriptcssdisqus

Javascript-loaded content not pushing height of container?


I've exhausted my understanding of CSS and JS while tackling this issue.

On this website: http://glorydayssports.net/blog/featured-game-dodging-bullets-vs-cash-paid-dodgeball

When the Disqus comments load below, they do not push down their container. This happens in Safari and Chrome, but looks just fine in Firefox and acts as I imagined it would. I contacted Disqus about it and they said that it's possible I have JavaScript somewhere on the page that is not allowing the height to expand, but I've tried disabling all the other JS except for Disqus and it still occurs.

Has anyone seen this happen before? None of the container elements have a fixed height on them.


Solution

  • give div#dsq-content a height: auto;. Currently it's using .clearfix's height of 1px.