4 Replies Latest reply on May 29, 2015 6:14 AM by bill_ha

    debug output position?

    bill_ha

      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

        • 1. Re: debug output position?
          haxtbh Level 4

          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.

          • 2. Re: debug output position?
            bill_ha Level 1

            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>

            • 3. Re: debug output position?
              haxtbh Level 4

              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.

              • 4. Re: debug output position?
                bill_ha Level 1

                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.