Skip to main content
bill_ha
Participant
May 28, 2015
Question

debug output position?

  • May 28, 2015
  • 1 reply
  • 628 views

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

    This topic has been closed for replies.

    1 reply

    Inspiring
    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.

    bill_ha
    bill_haAuthor
    Participant
    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)">

    <!---  Remove the <style> </style> below and or matching <div></div> tags and debug info displays at end of the page.  Of course table postion changes --->
    <style type="text/css" title="NOF_STYLE_SHEET">
    <!--
    body { margin:0px auto; width:1158px; }
    div#LayoutLYR { float:left; position:absolute; }
    div#Table2LYR { position:absolute; top:138px; left:131px; width:846px; height:58px; z-index:1 }
    -->
    </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>

    Inspiring
    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.