debug output position?

Report · May 28, 2015

When I create a page and position objects with CSS style attributes ColdFusion debug info which is placed after the closing </html> by the server, is not pushed to the bottom of the page. It is displayed as a background to the html objects, above background image, below HTML. Is there a fix for this? A server setting or CSS or HTML snippet that will force the debug info to the bottom of the page?

Thanks

Bill

Report · May 28, 2015

This will most likely be due to incorrect HTML on your page.

Unless you post some code that is causing you to experience the problem it is unlikely someone can help.

Report · May 28, 2015

Here is the code for a simple static page with a table on it. The page was generated by NetObjects 2015. The page looks balanced to me, but I do cfm mostly, have been using NOF since 1998 to do most of page/HTML, without the debug display problem. NOF 2015 is using more CSS then previous versions.

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="Generator" content="NetObjects (http://NetObjects.com)">

<style type="text/css" title="NOF_STYLE_SHEET">

</style>
</head>
<body class="nof-centerBody">
<div class="nof-centerContent">
    <div id="LayoutLYR">
      <div id="Table2LYR">
        <table id="Table2" border="1" style="border: 1px solid; height: 58px;border-spacing:2px;border-collapse:separate;">
          <tr style="height: 19px;">
            <td style="padding: 2px;width:413px;" id="Cell5">
              <p style="margin-bottom: 0px; max-height: 19px; display: block; width: 413px;">test</p>
            </td>
            <td style="padding: 2px;width:413px;" id="Cell6">
              <p style="margin-bottom: 0px; max-height: 19px; display: block; width: 413px;">test2</p>
            </td>
          </tr>
          <tr style="height: 19px;">
            <td style="padding: 2px;" id="Cell7">
              <p style="margin-bottom: 0px; max-height: 19px; display: block; width: 413px;">test3</p>
            </td>
            <td style="padding: 2px;" id="Cell8">
              <p style="margin-bottom: 0px; max-height: 19px; display: block; width: 413px;">test4</p>
            </td>
          </tr>
        </table>
      </div>
    </div>
</div>
</body>
</html>

Report · May 29, 2015

The CSS in the example above will cause the problem you are getting. Which is why when its removed the problem goes away. The debug information is appearing exactly where it should be, its the table that is being moved.

You have set the divs to have an absolute position and defined there starting points.

What this means is that all other content will appear as normal on the page from the top down and then this table will then just always be overlaid in the same position all the time.

The only way to stop this will be to remove the CSS. Not sure why its needed either, guessing what ever software creates your template either has a specific reason or is just really out of touch with CSS.

You will the need some CSS to adjust the table to the location you want, which can probably be done use margins and padding, but without knowing why it needs to be there and the other content that will go around it , its hard to advise.

Report · May 29, 2015

Thanks

The css seems like over kill to me as well. I found a way to handle it. For others that use Neobjects and cfml. NOF offer several sytles/classes of HTML when it creates the HTML for a page. The debug display problem was when HTML5 was generated. When NOF generates HTML5 Dynamic or HTML4 with tables, CF debug in is positioned correctly at the bottom of the page.

Adobe Community

debug output position?