cfdocumentitem页脚未正确显示

时间:2014-03-26 15:31:38

标签: css coldfusion cfdocument

我正在创建一个cfdocument。我有一个页脚如下

    <cfdocumentitem type="footer" >

<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="##FF6F00" >

<td align="right" style="font-size:10px">
 <font color="##FFFFFF">   &copy; AT&T Intellectual Property. All rights reserved.<br>AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.</font>    
</td>
</table>
    </cfdocumentitem>  

enter image description here

我无法让橙色的身体伸展到整个页面,这意味着橙色部分正如上所示。还没有我指定的字体大小。这是我的风格。关于这里有什么问题的任何想法?

.test{
    color:#FFFFFF;
    font-family:verdana;
    font-size:4px
}

.testone{align-content:stretch}

2 个答案:

答案 0 :(得分:0)

要为类设置样式,您需要在属性前添加.

.test{
    color:#FFFFFF;
    font-family:verdana;
    font-size:4px;
}

.testone{align-content:stretch;}

同时确保cfdocumentitembody的宽度为100%。

答案 1 :(得分:0)

尝试以下更改:

  • <cfdocument>标记中的左,右和上边距设置为0,将底部边距设置为页脚高度
  • 确保文档的主要部分有<body>标记
  • <style>标记上方添加<body>标记,并指定主体边距,例如2厘米
  • 现在将您的页脚表封装在<body>标记
  • 在页脚
  • 中的此正文标记上方添加<style>标记
  • 将身体边距填充设置为0
  • 将表格高度设置为cfdocument marginBottom

以下是您的代码现在应该是什么样的(请注意,我已将cm指定为我的单位):

<cfdocument format="pdf" marginBottom="1" marginLeft="0" marginRight="0" marginTop="0" unit="cm">
    <style type="text/css">
        body{ margin:2cm; }
    </style>
    <body>
        <p>Page content</p>
    </body>
    <cfdocumentitem type="footer">
        <style type="text/css">
            body{ margin:0; padding:0; }
            table{ height:1cm; };
        </style>
        <body>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FF6F00" >
                <td align="right" style="font-size:10px">
                    <font color="#FFFFFF">
                        &copy; AT&T Intellectual Property. All rights reserved.
                        <br>AT&T and the AT&T logo are trademarks of AT&T Intellectual Property.
                    </font> 
                </td>
            </table>
        </body>
    </cfdocumentitem>
</cfdocument>