Member Avatar for felix001

Im running a site with Intense Debate. For the life of me I cannot get the page to auto adjust itself to the site of the Intense Debate Comments.

You can get an idea of the issue here ;http://fir3net.com/Firewalls/Checkpoint/checkpoint-commands.html

  • 4 Contributors
  • 7 Replies
  • 104 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by felix001

Dani AI

Generated

Short summary: this looks like a classic conflict where a JavaScript routine forces a fixed height on the comments container, and disabling the offending framework fixed layout but broke modules that depend on it. already narrowed it to a framework interaction; the next steps are targeted debugging and minimal fixes so the other modules keep working.

Quick, practical debugging steps (fastest way to find the culprit)

  1. Use the DOM breakpoint feature in DevTools: right-click the comments container in Elements -> Break on -> Attribute modifications. Reload — execution will pause where the script sets the height and you can inspect the call stack.
  2. Search your loaded scripts for likely setters: setStyle(, setStyles(, style.height, .height( or similar. Use the Sources/global search in the browser or grep your files.
  3. If you cannot find it, add a temporary MutationObserver or a small console watcher to log when the element's style changes so you can get a stack trace at that moment.

Targeted fixes to try (non-destructive, reversible)

  • After you find the script, either patch it to skip that container (add a guard) or adjust its selector so it does not target the comments node.
  • As a safe fallback, remove the injected height after all scripts run:
    window.addEventListener('load', function() {
var el = document.getElementById('comments-wrapper');
if (el) el.style.removeProperty('height');
});
  • A stylesheet override can be used temporarily:
    #comments-wrapper { height: auto !important; min-height: 200px; }

    Use !important only as a stopgap.

Notes and cautions: follow ’s advice to find the script rather than rely on CSS bandaids, and remember ’s point about style collisions. Fixing the specific script or updating the module to a compatible version is the robust long-term solution; overrides are just temporary repairs.

Recommended Answers

All 7 Replies

Member Avatar for shaya4207

You do understand that in order to answer the question one must comprehend the question first, right?

Member Avatar for felix001

You do understand that in order to answer the question one must comprehend the question first, right?

The question is, how do I adjust my CSS to allow my page height to adjust itself to that of the Intense Debate comments ?

Member Avatar for trancewebdesign

Just check your style sheet,I think two div sharing same style sheet.

Member Avatar for jpietrangelo

You have a div with an ID of 'main-height'. Your template_css.css stylesheet sets its height to auto (see line 344.) This is correct. However, somewhere, it looks like one of your JavaScripts is overwriting it and giving it a fixed pixel height. You need to find out which script is doing that and stop it. Then the page will work fine.

Member Avatar for felix001

I disabled all (from what I can JavaScripts) but the issue remains.
Not being a JS expert im not really sure the next step to debug this issue.

Can anyone help ?

Member Avatar for jpietrangelo

Try hard-coding some inline css on the div in question and see if it gets overwritten. If not, then the page should work properly. After which you should spend some time tracking the code that was generating the problem css in the first place.

Member Avatar for felix001

ok found the issue (well kind of). Once i disabled moo-tools it resolved the height issue. The problem now though being that another 2 modules that I was using now fail to work as they rely on moo-tools.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.