2

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>

ここに画像の説明を入力

オレンジ色のボディをページ全体に広げることができません。つまり、オレンジ色の部分が上記のように表示されています。また、指定したフォントサイズがレンダリングされていません。これが私のスタイルです。ここで何が間違っているかについてのアイデアはありますか?

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

.testone{align-content:stretch}
4

2 に答える 2

1

次の変更を試してください。

  • <cfdocument>タグの左マージン、右マージン、上マージンを 0 に設定し、下マージンをフッターの高さに設定します。
  • <body>ドキュメントのメイン部分にタグがあることを確認してください
  • <style>タグの上にタグを追加し、<body>本文の余白を指定します (例: 2cm)
  • <body>フッターテーブルをタグでラップします
  • フッター内<style>のこの body タグの上にタグを追加します
  • 本文の余白とパディングを 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>
于 2014-03-29T09:11:46.533 に答える