印刷する必要がある HTML ページがあります。
<div>content to print</div>
また、次のようなフッターコンテンツがあります
<div class="divFooter" style="clear: both; text-align: center, font-size: 12px;">
footer content
</div>
フッターのCSSは
<style type="text/css">
@media screen
{
div.divFooter
{
display: none;
}
}
@media print
{
div.divFooter
{
position: fixed;
bottom: 0;
}
}
</style>
ie と firefox ではフッターが下部に配置されていますが、chrome ブラウザーではうまく機能しません。何か考えはありますか?